>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>