HTML5------列表、表格与媒体元素

列表

无序列表:

无序列表中使用到了ul与li标签，ul为外标签，ul中只能存在li标签，li标签中可以存在其他标签
基本格式：

<ul>
	<li>···</li>
	<li>···</li>
	······
</ul>

有序列表：

有序列表中使用到了ol与li标签，ol为外标签，ol中只能存在li标签，li标签中可以存在其他标签
基本格式：

<ol>
	<li>···</li>
	<li>···</li>
	······
<ol/>

自定义列表：

自定义列表顾名思义可以自定义，自定义的类别列表，自定义类别中的元素和个数，通过运用dl（外标签）–dt（类别）–dd（元素）–dl/格式实现
基本格式：

<dl>
	<dt>类别
	<dd>元素
	<dd>元素
	<dt>类别
	<dd>元素
	<dd>元素
	······
</dl>

表格：

表格中用到table（外标签）、tr（行标签）、td（单元格标签）、th（标题标签）。
基本格式：

<table>
	<tr>
		<th>···</th>
		······
	</tr>
	<tr>
		<td>···</td>
		······
	</tr>
	<tr>
		<td>···</td>
		······
	</tr>
	······
</table>

表格中存在两种常用属性：跨行（rowspan）与跨列（colspan），这两个属性均为td/th标签的属性，赋予的值是所跨行与列的个数。

链接

1.超链接

基本格式：

<a href=" 地址（网址需http://开头） " 
target=" 目标窗口位置（常用_self和_blank,也可以是标记的窗口）
>链接文本式图像<a/> "

锚链节

A页甲位------A页乙位 A页甲位------B页乙位

创建跳转链接标记

基本格式：

<a name=" 标记值 ">乙</a>

创建跳转链接

基本格式：

<a href=" #目标name值 " >甲</a>

添加图像

基本格式：

<img src=" 图片地址 " alt=" 图像替代的文字，当网速或图像源影响，图片无法加载时显示 "
 title=" 鼠标悬停提示文字 " width=" 图片宽度 " height=" 图片高度 ">

添加视频音频元素

视频、音频元素添加原理相同，此处用视频举例 source标签在video下，这里有一个注意的是，不同的浏览器有不同的兼容性，可以存在多个source标签，每个标签的视频格式各有不同，当浏览器启动网页时，会依次去尝试source下的视频，如果成功兼容播放，就不会在尝试之后的source，在失败之后才会继续尝试后面的。 基本格式：

<video src=" 视频路径 " controls（这里controls为点击播放，具体还有其他控制按钮；另外还可以为autoplay，它为自动播放）>
	<source src=" 视频地址 " />
	······
</video>

iframe框架

此框架用于引用外网页面至本页面显示 基本格式：

<a href=" 地址 " target=" 标记 ">链接内容</a>
<a ···

<iframe name=" 标记 " width=" 框架宽度 " height=" 框架高度 " 
src=" 初始框架内的显示内容 " />