列表:
(1)什么是列表?
列表就是信息资源的一种展示形式。
(2)无序列表:
语法:
<ul>
<li>第1项</li>
<li>第2项</li>
<li>第3项</li>
</ul>
(3)有序列表:
语法:
<ol>
<li>第1项</li>
<li>第2项</li>
<li>第3项</li>
</ol>
(4)定义列表:
语法:
<dl>
<dt>标题一</dt>
<dd>第1项</dd>
<dd>第2项</dd>
<dt>标题二</dt>
<dd>第1项</dt>
</dl>
表格:
(1)为什么使用表格?
简单通用 结构稳定
(2)表格的基本结构:
单元格 行 列
语法:
<table>
<tr>
<th>第一个单元格的内容</th>
。。。。。
</tr>
<tr>
<td>第一个单元格的内容</th>
。。。。
</tr>
</table>
(3)表格的跨行与夸列:
跨行:
语法:
<table>
<tr>
<td rowspan="所跨的行数">单元格内容</td>
</tr>
</table>
跨列:
语法:
<table>
<tr>
<td colspan="所跨的列数">单元格内容</td>
</tr>
</table>
HTML5的媒体元素:
(1)视频元素:
video元素是HTML5播放视频的一种标准方法。
video:
语法:
<video src="视频路径" controls="controls></video>
(2)音频元素:
audio元素是用来播放音频文件的。
语法:
<audio src="音频路径" controls="controls></vider>
HTML5的结构元素:
元素名及描述:
header:标题头部区域的内容。
footer:标记脚部区域的内容。
section:Wed页面中的一块独立区域。
article:独立的文章内容。
aside:相关内容或应用。
nav:导航类辅助内容。
<iframe>框架:
iframe是使页面中的部分内容用框架实现。
语法:
<iframe src="引用页面地址"name="框架标识名"...></iframe>
<iframe>属性:
<iframe>内联框架常用属性包括name,width,heigth。其中name属性可以和锚链接结合起来实现页面间的相互跳转。
name属性语法:
<iframe name="mianFrame" src="subframe/the_second.html />