HTML5 第二章 列表和表格和媒体元素

列表:

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

 

原文地址:https://www.cnblogs.com/wsnb8/p/7440722.html