HTML5第二章

2.1 列表

无序列表<ul>标签
有序列表<ol>标签
定义列表<dl>标签

2.1 无序列表

<ul>
     <li>列表项1</li>
     <li>列表项2</li>
     <li>列表项3</li>
     ......
</ul>

无序列表没有顺序，通常使用粗体圆点进行标记。
无序列表常用于无序类型的列表，如网站导航，形态菜单，侧边栏新闻列表等。

2.2 有序列表

<ol>
    <li>列表项1<li>
    <li>列表项2<li>
    <li>列表项3<li>
    ......
<ol>加粗样式

有序列表有顺序，列表使用数字来标记。
有序列表常用于排序类型的列表，如音乐排行榜，影视排行榜，搜索热点排行榜等。

2.1.3 定义列表

<dl>
    <dt>名词1</dt>
    <dd>名词1的解释-第1项</dd>
    <dd>名词1的解释-第2项</dd>
    ......
    <dt>名词2</dt>
    <dd>名词2的解释-第1项</dd>
    <dd>名词1的解释-第2项</dd>
    ......
</dl>

定义列表没有顺序，默认没有标记。

2.2 表格

2.2.1 表格的基本结构及语法

每个表格的行由<tr>标签定义，每行的单元格由<td>标签定义。字母td指表格数据（table data），即数据单元格的内容。

<table>
   <tr>
       <td>row  1， cell  1	</td>
       <td>row  1， cell  2	</td>
   </tr>
   <tr>
       <td>row  2， cell  1</td>
       <td>row  2， cell  2</td>
   </tr>
 </table>

一行一列
一行二列
二行一列
二行二列
解析：table定义表格 tr=行 td=列 table的属性 border是为了将表格的轮廓显示出来，用来指定边框的宽度

2.表格的表头

<table border=1>
<tr>
<th>标题1</th>
<th>标题2</th>
</th>
<tr>
  <td>一行一列</td>
  <td>一行二列</td>
  </tr>
</table>

标题1:一行一列 二行一列
标题2：一行二列 二行二列
th等于表格的表头 会显示为粗体居中的文本##3.表格的跨行与跨列###1.表格的跨行

<table  border=1>
  <tr>
     <td rowspan=“所跨的行数”>单元格</td>
  </tr>
</table>

rowspan=跨的行数

三.HTML5媒体元素

1.< video >标签
语法:

1
video属性
width 设置视频的宽度
height 设置视频的高度
src 要播放视频的URL
controls 显示控件 如播放按钮
autoplay 视频就绪后马上播放
loop 完成播放后再次开始播放
muted 视频的音频输出为静音
poster 规定视频正在下载时的显示的图像 直到用户单击播放按钮
preload 视频在页面加载时进行加载 并预备播放 如果使用"autoplay" 则忽略该属性
video 支持WebM和Ogg的视频格式
2.标签

1
< audio >的属性
src 音频的URL
controls 显示控件 如播放按钮
autoplay 音频就绪后马上播放
loop 音频结束后再次开始播放
muted 音频输出为音频
preload 规定当网页加载时 音频是否默认被加载及如何被加载

四.HTML5 结构标签

1.结构标签:
1.< header >:定义文档的头部区域
2.< nav >:定义导航链接的部分
3.< section >: 定义文档中的节 其包含一组内容及标题
4.< article >:定义独立的部分
5.< aside >:定义页面主区域内容之外的内容
6.< footer >:定义文档的底部区域

五.< iframe >框架

1.语法
<iframe src=“页面地址” width"宽度" height=“高度” name="名称"></iframe>
1
可以在页面任何一个位置嵌入另一个网页
2.< iframe >框架与超链接结合使用
实现页面互相