首页 > Web开发 > 详细

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

时间:2017-08-27 17:34:33      阅读:304      评论:0      收藏:0      [点我收藏+]

列表:

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

 

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

原文:http://www.cnblogs.com/wsnb8/p/7440722.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!