1. 列表
（1）无序列表 ul-li ：应用于导航、侧边栏新闻以及在文章中，一般会使用它来排列。
- 语文
- 数学
- 音乐
（2）有序列表 ol-li :应用于需要排序的微博热搜和歌曲榜单等。
（3）自定义列表 dl-dt-dd :应用于网站的底部，用于标记项。
– 案例代码
– 运行结果
2. 表格
-
基本结构：
表格标签 table
行 tr rowspan
列 td colspan
边框属性 border="1px" -
跨行：rowspan 对应的值就是所跨的行数
-
跨列 ：colspan 对应的值就是所跨列数
-
案例代码
-
运行结果
3.音频、视频
3.1 音频 audio
- src：音频的路径
- autoplay 设置或返回是否在就绪（加载完成）后随即播放音频
- controls 设置或返回音频是否应该显示控件（比如播放/暂停等）
- 案例代码
- 运行结果
3.2 视频 video
- src：视频的路径
- controls: 提供播放按钮，进度条、下载按钮、全屏按钮、音量控制
- autoplay：自动播放
- loop: 循环播放
- 案例代码
- 运行结果
4. 网页结构分析
- 页面的头部
- 页面的主体
- 页面的尾部
- html5 标签，没有任何作用，只是让代码结构更好看
- 案例代码
- 运行结果
5. 内联框架
- iframe 内联框架，用于在网页内显示网页
- 案例代码
- 运行结果