前端(二)——HTML之列表、表格、媒体元素

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 内联框架，用于在网页内显示网页
• 案例代码
• 运行结果