第二章

>HTML编辑笔记2 Posted on 2017-10-17 09:33 0w0 阅读(3) 评论(0) 编辑 收藏

1.列表

①无序列表

<ul>

　　<li>XXX</li>

　　<li>XXX</li>

</ul>

②有序列表

<ol>

　　<li>XX</li>

　　<li>XX</li>

</ol>

③定义列表

<dl>

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

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

</dl>

注意：li独占一行

2.表格

　　<table>     //表格

　　　　<tr>   //行

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

　　　　</tr>

　　</table>

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

　　   rowspan:表示本单元格所占行数

3.视频

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

    推荐使用：

例：

　　<video controls>

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

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

　　</video>

4. 音频

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

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

　　<audio controls>

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

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

　　</audio>

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

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

5.结构化元素

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

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

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

　　<article>    //表示文章

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

　　<nav>        //导航

6.网页结构

　　<header></header>    //头部

　　<section></section>    //主体

　　<footer></footer>        //尾部

7.iframe内联框架

　　语法：<iframe src="页面地址" name=""/>

　　实现内联：

　　　　第一步：定义iframe

　　　　　　<iframe src="" name="mn"/>

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

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