列表、表格和媒体元素
一、列表:信息资源的一种展示形式
二、列表的分类:
有序列表
1.例子:
<ol>
<li>内容</li>
</ol>
2.特性:
有顺序,每个li都是块级元素
默认的li前面有顺序标记
无序列表
1.例子:
<ul>
<li>内容</li>
<li>内容</li>
</ul>
2.无序列表的特性:
没有顺序,每个<li>独占一行
默认<li>标签前面有个小圆点
导航、侧边栏新闻、有规律的图文组合一般使用无序列表
定义列表
1.例子:
<dl>
<dt></dt>
<dd></dd>
</dl>
2.特性:
没有顺序,dt和dd标签都是块级元素
默认没有标记
一般用于(一个标题下有一个或者多个列表项)的情况
列表注意事项:
无序列表中每项都是平级,没有级别之分。
三、表格:
1.组成:单元格,列,行
2.基本语法:
<table border="1">
<tr>
<td></td>
</tr>
<tr>
<td></td>
</tr>
</table>
3.跨行:rowspan
4.跨列:colspan
四、媒体元素:
1.视频元素:
语法:<video src="视频路径" controls="controls" width="300px" height="300px"></video>
2.显示视频控件:controls
3.自动播放:autoplay
4.音频元素:
语法:<audio src="音频路径" controls> </audio>
5.网页布局:
<header>网页头部</header>
<section>网页主体</section>
<footer>网页底部</footer>
6.iframe框架:
语法:
<a href="a.html" target="main">a页面</a>
<a href="b.html" target="main">b页面</a>
<iframe name="main" width="250px" height="250px"></iframe>