HTML5
定义了一个简易的文件交换标准,旨在定义文件内的对象和描述文件的逻辑结构。
思考:
1. 找到定义的对象
【都定义了什么对象】
【都在什么文件里】
2.文件的逻辑结构
【如何弄清楚】–都有哪些文件? --逻辑结构怎么看?
3.通过浏览器查看HTML5的源文件。
HTML5文件的组成
元素 标签
标签
包括单独出现的标签、成对出现的标签
单独出现的标签
<元素名称>,作用是在相应的位置插入元素。
成对出现的标签
<元素名称>首标签 </元素名称>尾标签
标签不分大小写,在标签中设置属性,控制HTML5标签所建立的元素。属性位于元素的首标签中。
<元素名称 属性1=“值1” 属性2=“值2” …>元素资料</元素名称>
"< HTML5 >" 的基本标签
1."< html >"文件开始标签
< html>全部内容< /html >
2.< head > 文件头标签
HTML文件分为文件头和文件主体两个部分。
<head>与</head>中间的文本,包含文体的标题、编码方式及URL等信息。
这些信息大部分是用于提供索引、辨认或其他方面应用的。
<head>与</head>中间的文本,如果又写在<title>标签中:
表示该网页的名称吗,并作为窗口的名称显示在这个网页窗口的最上方。
说明:如果HTML文件并不需要提供相关信息,可以省略<head>标签。
3.< title >文件标题标签
此标签应包含在与之中。
4.< meta >元信息标签
这里的信息是用户不可见的,它不显示在页面中,用来定义页面的名称、关键字、作者等。在HTML文件中,< meta >标签不需要设置结束标记,在一个HTML页面中可以有多个< meta >。
常用属性有两个:name 和 http-equiv,name 主要用于描述页面,以便于搜索引擎机器人查找、分类。
5. < body >页面主体标签
< body >和< /body >,有很多设置:
text设定文字的颜色
bgcolor 设定页面背景颜色
background 设定页面背景图片
bgproperties 设定页面背景图片固定
link 设定页面未访问链接颜色
alink 设定鼠标单击链接颜色
vlink 设定页面已访问链接的颜色
topmargin 设定页面上边距
leftmargin 设定页面的左边距
6. 页面注释标签
代码的注释标签,分三类:
(1)在文件开始标签< html >和< /html >中的注释。
< !–注释内容-- >
(2)在CSS中的注释有:
/ * 注释文字 /
(3)在JavaScript中的注释有两种:
单行注释://注释文字
双行注释:/ 注释文字 */
< p >标签
HTML5中,文本的段落效果是通过< p >标签来实现,此标签会自动在其前后创建一些空白,浏览器则会自动添加这些空间。
< img >图片标签
表示向网页中嵌入一幅图像,创建的是引用图像的占位空间。是单标签。
语法:< img src=“图像文件的地址”>
src用来设置图像文件所在的地址,这一路径可以是相对地址,也可以是绝对地址。
< hr >水平线标签
没有结束标签。
< br >换行标签
  空格符
< a >超链接标签
用于从一个网页链接到另一个网页,最重要的属性href属性,它指示链接的目标< a href=" " target=" " >链接文字< /a >
target 打开窗口的方式,主要由四个属性:
._blank 新建一个窗口打开
._parent 在父窗口打开
._self 在同一窗口打开
._top 在浏览器的整个窗口打开,将会忽略所有的框架结构。
< div >标签 和 < span >标签的分组标签
语法:
< div >
块状分组内容,会自动地开始一个新行。
< /div >
< span >行内分组内容,占用的宽度与分组内容的宽度一致。< /span >
元素
当用一组HTML5标签将一段文字包含在中间时,这段文字与包含文字的HTML5标签被称为一个元素。
在所有HTML5文件中,最外层的元素是由标签建立的,在标签所建立的元素中,包含了两个主要的子元素,这两个子元素是由标签与标签建立的。
“< head >” 标签所建立的元素内容为文件标题
“< body >” 标签所建立的元素内容为文件主体
文件结构
< head >与< /head >用以说明文件的标题和整个文件的一些公共属性。