列表

列表

列表就是信息资源的一种展现形式。它可以使信息机构化和条例化，并以列表的样式显示出来。在HTML5中的列表分为三种类型：无序列表、有序列表、定义列表。

无序列表

1.没有顺序，每个<li>标签独占一行（块元素）。

2.默认<li>标签项前面有个实心小圆点。

3.一般用于无序类型的列表，如导航、侧边栏新闻、有规律的图文组合模块等。

<ul>

<li>第一项</li>

<li>第二项</li>

…

</ul>

有序列表

1.有顺序，每个<li>标签独占一行（块元素）。

2.默认<li>标签项前面有顺序标记。

3.一般用于排序类型的列表，如试卷、问卷选项等。

<ol start=#> 序号起始值#

<li>第一项</li>

<li>第二项</li>

…

</ol>

定义列表

1.没有顺序，每个<dt>标签、<dd>标签独占一行（块元素）。

2.默认没有标记

3.一般用于（一个标题下有一个或多个列表项）*n的情况

<dl>

<dt>标题一</dt>

<dd>第一项</dd>

<dd>第二项</dd>

<dt>标题二</dt>

<dd>第一项</dd>

<dd>第二项</dd>

…

</dl>

 

A1	A2
B1	B2

表格的基本语法

<table border=1>

             <tr>

                 <th> A1</th>

<th>A2</th>

…

             </tr>

             <tr>

                 <td>B1</td>

<td>B2</td>

…

             </tr>

   </table>

跨行

跨多行表元跨多行表元应用在合并多行单元格时，跨多行表元语法是在th和td上加rowspan表示，rowspan后面值是数字，数字表示跨多少行表元。

<td rowspan="2">

跨列

<td colspan="2">

视频元素

<video controls=”controls”>

<source src=”视频路径.mp4” />

<source src=”视频路径1.wav” />

你的浏览器不支持video标签

</video>

source元素来链接到不同的视频文件，浏览器会自动选择第一个可以识别的格式。

音频元素

<audio controls=”controls”>

<source src=”视频路径.mp4” />

<source src=”视频路径1.wav” />

你的浏览器不支持video标签

</ audio >

HTML5的结构元素

header： 标题头部区域的内容（用于页面或页面中的一块区域）

footer ：标记脚部区域的内容（用于整个页面或页面的一块区域）

section ：Web页面中的一块独立区域

article ：独立的文章内容

aside ：相关内容或应用（常用于侧边栏）

nav：导航类辅助内容

<iframe>框架

<iframe src=”引用页面地址” name=“框架识别名”></ifarme>