第一章HTML5基础

164 阅读2分钟

1.HTML超文本标记语言(Hyper Text Markup Language) 用来描述网页的一种语言 2.HTML由一套标记标签组成,在制作网页时,HTML使用标记标签来描述网页

常用浏览器: Internet Explore(IE浏览器) 谷歌chrome浏览器 Firefox(火狐浏览器) Safari(苹果浏览器) Opera(O鹏浏览器)

HTML5是一套标准化的平台

World Wide Web Consortium W3C(万维网联盟):Web开发标准 W3C标准:是一系列标准的集合,一个网页主要由三部分组成,即结构(Structure) HTML、表现(Presentation) CSS、和行为(Behavior) JavaScript

在一个网页中,分为很多部分,包括各级标题、正文、图片、列表等,这就构成了一个网页的结构。 每个组成部分的字体、颜色、间距等属性就构成它的表现。 用户通过单击让页面中某个元素移动、消失等动画交互就称它的行为

Html是一种超文本标记语言,<标记>内容 以<>开始结束

一个完整网页除了基本结构外,还包括网页声明, 标签等其他基本信息

<!DOCTYPE> 声明为h5页面 必须在第一行 <title> <meta>
<meta name="description" content="北大青鸟是国内...."/>  <!--方便搜索引擎搜索-->
<!--成对出现的标签称为双标签、单个标签出现的称为单标签

标题标签[双标签](分为1~6级):<h1>~<h6>  1级文字最大,2~6级依次变小
段落标签[双] <P> 表示一段文字
换行标签[单] <br/>
水平线标签[单]<hr/>
字体样式标签:
             加粗标签[双]<strong>  语义化标签,带有强调、加粗的语气
             文字倾斜[双]<em>
html中的注释格式为:<!-- 注释内容 -->

由于一些特殊符号已被作为html语法符号(比如 大于:>  小于: <),因此:
如果要在页面中显示这些特殊符号,就必须使用相应的html代码表示这些特性符号对应的html代码称为字符实体

这些字符实体都以‘&’开头
空格:&nbsp ;  大于(>):&gt ;   小于(>):&lt ;  引号("):&quot ;  版权符号(c):&copy ;

图像标签:
  <img src="图片地址" alt="图像的替代文字" title="鼠标悬停提示文字" width="图片宽度" height="图片高度"/>
 src:表示图片的路径   绝对路径或、相对路径、外部url
 ait:表示图片无法显示时替代的文本
 title:提供额外的提示或帮助信息,当鼠标移动到图片上时显示的提示信息

超链接(常用于跳转到其它页面):<a href="链接地址" target="目标窗口位置" rel="noopener"></a> 链接文本或图像
href:表示链接地址
target:指定在哪个窗口打开,常用取值有: _self(自身窗口), _blank(新建窗口)

图像超链接:
   <a href=""><img src=""></img></a>

超链接分为:
          页面间链接:A页面跳转到B页面,最常用,用于网站导航
          锚链接:A页面甲位置到A页乙位置或A页面位置到B页面乙位置
          <a href="#maker">当前位置甲</a>
          <a name="maker">目标位置乙</a>
          功能性链接:在页面中调用其他程序功能,如电子邮件、QQ、MSN等
          <a href="mailto:bdqnWebmaster@baqn.cn">联系我们</a>

-->