一.列表
列表简介:
列表就是信息资源的一种展示形式。他可以是信息结构化和条理化,并以列表的形式展开。
二.列表及其应用
1.无序列表
语法:
<ul> <li>第一行</li> <li>第二行</li> <li>狄三航</li> </ul>
特点:
1)没有顺序,每一个<li>标签独占一行(块元素)
2)默认<li>标签像前面有一个实心的圆点。
3)一般用于导航、侧边栏新闻、与规律的图文组合模块等。
2.有序列表
语法:
<ol> <li></li> <li></li> <li></li> </ol>
特点:
1)有顺序,每一个<li>标签独占一行。
2)默认<li>标签项前有顺序标记。
3)一般用于试卷、问卷。
3.定义列表
语法:
<dl> <dt>标题一</dt> <dd>一</dd> <dd>二</dd> <dt>标题二</dt> <dd>一</dd> <dd>二</dd> </dl>
特点:
1)没有顺序,每一个<dt><dd>标签独占一行。
2)默认没有标记。
3)一般用有多个列表项的的情况。
三.表格
语法:
<table> <tr> <th></th> </tr> <tr> <td></td> <td></td> </tr> </table>
1.表单的跨行
<table>
<tr>
<td colspan="所跨行数">内容</td>
</tr>
</table>
2.表单跨列
<table>
<tr>
<td rowspan="所跨列数">内容</td>
</tr>
</table>
四.媒体元素
1.视频元素
语法:
<video src=" 视频路径" controls="controls" > </video>
2.音频元素
语法:
<audio src="音频路径" controls="controls" > </video>
五.HTML的结构元素
header:标题的头部。
footer:标记脚部。
section:web页面中的一块独立区域。
article:独立的文章内容。
aside:相关内容和应用。
nav:导航类辅助内容。
六.<iframe>结构
语法:
<iframe src="引用页面地址" name="框架标识名" target="_blank|_self"> </iframe>