笔记3

一、列表

1、有序列表

　　　　<ol>

　　　　　　<li>内容</li>//列表项

　　　　</ol>

2、无序列表

　　　　<ul>

　　　　　　<li>内容</li>

　　　　</ul>

3、定义列表

　　　　<dl>

　　　　　　<dt></dt>　　//声明列表项

　　　　　　<dd></dd>　　//列表项

　　　　<.dl>

注意：li 独占一行

二、表格

　　　　<table>　　//表格

　　　　　　<tr>　　//行

　　　　　　　　<td　colspan=" "　rowspan=" "></td>//单元格

　　　　　　</tr>

　　　　</table>

注意：colspan:表示单元格所占数列　　rowspan：表示本单元格所占的行列

三、视频

　　　　<video src="视频路径"　　controls></video>

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

　　<video　controls>

　　　　<source src="xx.mp4"　　type="video/mp4"/>

　　　　<source strc="xxx.webm"　　type="video/webm"/>

　　</video>

四、音频

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

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

　　<audio controls>

　　　　<source src="xx.mp3　　type="audio/mp3"/>

　　　　<source src="xxx.ogg"　　type="audio/ogg">

　　</audio>

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

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

五、结构化元素

<header>//表示网页的头部　　<footer>//表示网页的尾部　　<section>//表示网页的独立区域

<article>//表示文章　　<aside>// 表示相关内容或应用（侧边栏）　　<nav>//导航

六、网页结构

<header></header>//头部　　<section></section>//主体　　<footer></footer>//尾部

七、iframe内联框架

语法：<iframe sre="网页地址“ name=""/>

实现内联：

第一步：定义iframe　　<iframe src=""  name= "mn"/>

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

<a href="" target="mn">xx<a/>