html笔记2

第二章

1.列表

　　①无序列表：<ul>

　　　　　　　　　　<li><>

　　　　　　　　</ul>

　　②有序列表：<ol>

　　　　　　　　　　<li><>

　　　　　　　　</ol>

　　③定义列表：<dl>

　　　　　　　　　　<dt></dt>

　　　　　　　　　　<dd></dd>

　　　　　　　　　　<dd></dd>

　　　　　　　　<>

2.表格:<table border="1px">

　　　　　<tr>

　　　　　　　<td></td>

　　　　　　　<td></td>

　　　　　</tr>

　　　　　<tr>

　　　　　　　<td></td>

　　　　　　　<td></td>

　　　　　</tr>

行:<td colspan="n"></td>

列:<td rowspan="n"></td>  

n为单元格所占列数

3.视频：<video src="视频路径" controls><ideo>

　　推荐使用：（能兼容更多浏览器）

　　　　　　　<video controls>

　　　　　　　　<source src=“XXX.mp4” type=“video/mp4”/>

　　　　　　　　<source src="XXX.webm" type=“video/webm”/>

　　　　　　　<ideo>

4.音频

　　<audio src=“音频路径” controls></audio>

推荐使用：（能兼容更多浏览器）

　　<video controls>

　　　　<audio src=“xx.mp3” type=“audio/mp3”/>

　　　　<audio src=“xx.ogg” type=“audio/ogg”/>

　　</audio>

注意：a.视频和音频标签都存在浏览器的兼容问题，使用的时候尽量使用推荐的方式

　　　b.controls表示显示播放控制（ 比如：还开始，暂停等）有其他类似属性参考资料

5.结构化元素

　　<header>//表示网页的头部

　　<footer>//表示网页的尾部

　　<section>//表示网页的独立区域

　　<article>//表示文章

　　<aside>//表示相关内容或应用（侧边栏）

　　<naw>//导航

6.网页结构

　　<header></header>//头部

　　<section><section/>//主体

　　<footer></footer>//尾部

7.inframe内联框架

　　语法：<inframe src=“页面地址” name=“  ”/>

　　实现内联：第一步：定义inframe

　　　　　　　　　　　<inframe src=“  ” name=“  ”/>

　　　　　　　第二步：定义超链接并指定超链接内容要放置的地方（由target指定）

　　　　　　　　　　　<a href=“  ” target=“mn”>xx</a>