1. 超链接(锚点):
<a ../>主要可以包含文本,图像,各种文本格式化元素和表单元素等内容,可指定如下三个重要属性:
(1).href:指定超链接指定的另一资源,(可以是绝对地址,也可以是相对地址)
(2).target: 指定使用框架中的哪一个框架来装载另一个资源,属性值可以是 _self,_blank,_top,_parent四个值,分别表示自身,新窗口,顶层框架,父框架。
(3).media: 指定目标URL使用的媒体类型,默认值为all,只有当指定了href属性 时该属性才生效。
除此之外,a元素还可以生成一个命名锚点,命名锚点用于在HTML页面中生成一个定位点 ,这样允许超链接直接链接到指定的页面的该定位点。插入定位锚点需要指定name属性,name属性值就是命名锚点的名臣,例如:<a name="test"></a>.用浏览器浏览命名锚点时,该命名锚点不会生成任何显示内容,我们可以使用如下超链接来定位到该锚点:<a href="index.html#test">定位到test锚点</a>,定位到指定锚点需要在URL资源后指定锚点名,锚点名与URL之间用#隔开。
2. 列表相关元素:
(1).<ul>:定义无序列表,只能包含<li.../>元素。
(2).<ol>: 定义有序列表, 只能包含<li.../>元素。HTML5规范中,还可以指定如下三个属性:
start:指定列表项的起始数字,默认是第一个。
type: 指定使用哪种类型的编号,例如1表示数字,A和a代表用字母,I和i代表使用罗马数字。该属性在HTML规范中不推荐使用,推荐使用css来定义。
(3).<li>:定义列表项目,该元素可以包含于div完全类似的内容,因此可以包含较多类型的子元素。
(4).<dl>: 也用于定义列表,该元素只能包含<dt ../><dd.../>两种子元素。
(5).<dt>: 定义标题列表项。只能 包含文本,图像,各种文本格式化元素和表单元素等 内容。
(6).<dd>:定义普通列表项。 该元素可以包含于div完全类似的内容,因此可以包含较多类型的子元素。
3. 图像相关元素:
<img ../>用于定义页面中的图像,这个元素只能是一个空元素,它不可以包含任何内容。该元素必须只能以下两个属性:
(1).src:指定图片所在位置,可以是绝对位置,也可以是相对位置。
(2).alt:指定一段文字,作为图片的提示信息。
4. 表格相关元素:
(1).table:用于定义表格,此元素只能包含0个或1个<caption.../>子元素(定义表格标题),0个或1个<thead .../>子元素(定义表格头),0个或1个<tfoot.../>子元素(定义表格脚),多个<tr.../>子元素(定义表格行),多个<tbody.../>子元素(定义表格体)。
除此之外,还可以指定如下属性:
cellpadding:指定单元格内容和单元格边框之间的间距。属性值可以是像素,也可以是百分比。
cellspacing:指定单元格之间的间距, 属性值可以是像素,也可以是百分比。
width:表格宽度。 属性值可以是像素,也可以是百分比。
(HTML5删除了table标签原有的align、bgcolor、border等属性)
(2).caption:用于定义表格标题, 只能 包含文本,图像,各种文本格式化元素和表单元素等 内容。
(3).tr:定义表格行,只能包含<td../>和 <th.../>两种元素。
(4).td:定义单元格, 该元素可以包含于div完全类似的内容,包括在此元素包含<table>子元素在此插入一个表格,除此之外,还可以指定一下属性:
colspan:指定该单元格跨多少列,属性值位数字。
rospan:指定单元格可横跨的行数。
height:单元格高度, 属性值可以是像素,也可以是百分比。
width:单元格宽度, 属性值可以是像素,也可以是百分比。
(5).th:定义表格页眉的单元格。用法与td类似。
(6).tbody:定义表格的主体,只能包含tr子标签。、
(7).<thead>:定义表格头,与tbody用法类似。
(8).<tfoot>:定义表格脚,与tbody用法类似。
5.框架相关元素:
HTML5不再推荐在页面中使用框架集,因此HTML5删除了<frameset../>,<frame../>和<noframes../>这三个标签。
HTML5依然保留了一个与框架相关的元素,<iframe>元素,该元素可以在普通HTML页面中使用,该元素用于在普通HTML页面中生成一个内联框架,可以直接放在HTML页面的任意位置,可指定如下属性:
(1).src:指定一个URL,指定该iframe将装载那个页面。
(2).target: 指定使用框架中的哪一个框架来装载另一个资源,属性值可以是 _self,_blank,_top,_parent四个值,分别表示自身,新窗口,顶层框架,父框架。
(3).media: 指定目标URL使用的媒体类型,默认值为all,只有当指定了href属性 时该属性才生效。
除此之外,a元素还可以生成一个命名锚点,命名锚点用于在HTML页面中生成一个定位点 ,这样允许超链接直接链接到指定的页面的该定位点。插入定位锚点需要指定name属性,name属性值就是命名锚点的名臣,例如:<a name="test"></a>.用浏览器浏览命名锚点时,该命名锚点不会生成任何显示内容,我们可以使用如下超链接来定位到该锚点:<a href="index.html#test">定位到test锚点</a>,定位到指定锚点需要在URL资源后指定锚点名,锚点名与URL之间用#隔开。
2. 列表相关元素:
(1).<ul>:定义无序列表,只能包含<li.../>元素。
(2).<ol>: 定义有序列表, 只能包含<li.../>元素。HTML5规范中,还可以指定如下三个属性:
start:指定列表项的起始数字,默认是第一个。
type: 指定使用哪种类型的编号,例如1表示数字,A和a代表用字母,I和i代表使用罗马数字。该属性在HTML规范中不推荐使用,推荐使用css来定义。
(3).<li>:定义列表项目,该元素可以包含于div完全类似的内容,因此可以包含较多类型的子元素。
(4).<dl>: 也用于定义列表,该元素只能包含<dt ../><dd.../>两种子元素。
(5).<dt>: 定义标题列表项。只能 包含文本,图像,各种文本格式化元素和表单元素等 内容。
(6).<dd>:定义普通列表项。 该元素可以包含于div完全类似的内容,因此可以包含较多类型的子元素。
3. 图像相关元素:
<img ../>用于定义页面中的图像,这个元素只能是一个空元素,它不可以包含任何内容。该元素必须只能以下两个属性:
(1).src:指定图片所在位置,可以是绝对位置,也可以是相对位置。
(2).alt:指定一段文字,作为图片的提示信息。
4. 表格相关元素:
(1).table:用于定义表格,此元素只能包含0个或1个<caption.../>子元素(定义表格标题),0个或1个<thead .../>子元素(定义表格头),0个或1个<tfoot.../>子元素(定义表格脚),多个<tr.../>子元素(定义表格行),多个<tbody.../>子元素(定义表格体)。
除此之外,还可以指定如下属性:
cellpadding:指定单元格内容和单元格边框之间的间距。属性值可以是像素,也可以是百分比。
cellspacing:指定单元格之间的间距, 属性值可以是像素,也可以是百分比。
width:表格宽度。 属性值可以是像素,也可以是百分比。
(HTML5删除了table标签原有的align、bgcolor、border等属性)
(2).caption:用于定义表格标题, 只能 包含文本,图像,各种文本格式化元素和表单元素等 内容。
(3).tr:定义表格行,只能包含<td../>和 <th.../>两种元素。
(4).td:定义单元格, 该元素可以包含于div完全类似的内容,包括在此元素包含<table>子元素在此插入一个表格,除此之外,还可以指定一下属性:
colspan:指定该单元格跨多少列,属性值位数字。
rospan:指定单元格可横跨的行数。
height:单元格高度, 属性值可以是像素,也可以是百分比。
width:单元格宽度, 属性值可以是像素,也可以是百分比。
(5).th:定义表格页眉的单元格。用法与td类似。
(6).tbody:定义表格的主体,只能包含tr子标签。、
(7).<thead>:定义表格头,与tbody用法类似。
(8).<tfoot>:定义表格脚,与tbody用法类似。
5.框架相关元素:
HTML5不再推荐在页面中使用框架集,因此HTML5删除了<frameset../>,<frame../>和<noframes../>这三个标签。
HTML5依然保留了一个与框架相关的元素,<iframe>元素,该元素可以在普通HTML页面中使用,该元素用于在普通HTML页面中生成一个内联框架,可以直接放在HTML页面的任意位置,可指定如下属性:
(1).src:指定一个URL,指定该iframe将装载那个页面。