1.列表
①无序列表
<ul>
<li>XXX</li>
<li>XXX</li>
</ul>
②有序列表
<ol>
<li>XX</li>
<li>XX</li>
</ol>
③定义列表
<dl>
<dt></dt> //声明列表项
<dd></dd> //列表项
</dl>
注意:li独占一行
2.表格
<table> //表格
<tr> //行
<td colspan="" rowspan=""></td> //单元格
</tr>
</table>
注意:colspan:表示本单元格所占列数
rowspan:表示本单元格所占行数
3.视频
<video src="视频路径" constrols></video>
推荐使用:
例:
<video controls>
<source src="xx.mp4" type="video/mp4"/>
<source rc="xxx.webm" type="video/webm"/>
</video>
4. 音频
<audio src="音频路径" controls></audio>
推荐使用:(能够兼容更多浏览器)
<audio controls>
<source src="xx.mp3" type="audio/mp3"/>
<source src="xxx.ogg" type="audio/ogg"/>
</audio>
注意:a.视频和音频标签都存在浏览器的兼容问题,使用的时候,尽量使用推荐的方式
b.controls表示显示播放控制(如:开始,暂停等).还有其他的类似属性参考其他资料.
5.结构化元素
<header> //表示网页的头部
<footer> //表示网页的尾部
<section> //表示网页的独立区域
<article> //表示文章
<aside> //表示相关内容或应用(侧边栏)
<nav> //导航
6.网页结构
<header></header> //头部
<section></section> //主体
<footer></footer> //尾部
7.iframe内联框架
语法:<iframe src="页面地址" name=""/>
实现内联:
第一步:定义iframe
<iframe src="" name="mn"/>
第二步:定义超链接并指定超链接内容要放置的地方(由target指定).
<a href="" target="mn">XX</a>