列表、表格和媒体元素 一、列表:信息资源的一种展示形式 二、列表的分类: 有序列表 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>