（一）列表

 

1.1有序列表

 

<ol>

 

　　<li>内容</li>

 

</ol>

 

1.2无序排列

 

<ul>

 

　　<li>内容</li>

 

</ul>

 

1.3定义列表

 

<dl>

 

　　<dt></dt>//声明列表项

 

　　<dd></dd>//列表项

 

</dl>

注意：li独占一行

（二）表格

<table　　border="lpx" 　　width="75%"　　height="200px">

<!--tr:行-->

　　<tr>

　　　　<!--td:列--><!--colspan:当前单元所占的列数-->　　<!--rowspan:当前单元所占的行数-->

　　　　<td　　colspan="2"></td>

　　　　<td　　rowspan="2"></td>

　　</tr>

</table>

（三）视频

<vide src="视频路径"　　controls></video>

推荐使用：（能够兼容更多的浏览器）

<video　　controls>

　　<source　　src="xx.mp4"　　type="video/mp4">

　　<source　　src="xxx.webm"　　type="video/webm">

</video>

(四）音频

<audio　　src="音频路径"　　controls></audio>

推荐使用：（能够兼容更多的浏览器）

<audio　　controls>

　　<source　　src="xx.mp3"　　type="audio/mp3">

　　<source　　src="xxx.ogg"　　type="audio/ogg">

</audio>

注意：A.视频和音频标签都存在浏览器的兼容问题，使用的时候尽量用推荐的方式。

B.controls表示显示播放控制（如：开始、暂停等），还有其他的类似属性参考其他资料。

（五）结构化元素

<header>//表示网页的头部

<footer>//表示网页的尾部

<section>//表示网页的独立区域

<article>//表示文章

<aside>//表示相关内容或应用（侧边栏）

<nav>//导航

（六）网页结构

<header></header>//头部

<section></section>//主体

<footer></footer>//尾部

（七）iframe内联框架

语法：<iframe　　src="页面地址"　　name=""/>

实现内联

第一步：定义iframe

　　<iframe　　src=""　　name="nm"/>

第二部：定义超链接并指出超链接内容要放置的地方（由target）

　　<a　　href=""　　target="mn">xx</a>