一.列表信息资源展现的一种形式使信息结构化条理化,并且以列表的形式展现出来
1.无序列表:语法如下;
<ul>
<li></li>
<li></li>
......
</ul>
特点: 1.没有顺序,每一个li元素独占一行(块级元素)
2. 默认每个li元素前有一个实心的小圆点
3. 一般用于无序类型类表,如导航,侧边栏新闻,有规律的图文组合模块等.
注意: 1.遵循W3c的标准,ul标签下只能有li标签但是li标签下可以含有任何标签
2.有序列表;语法如下:
<ol>
<li></li>
<li></li>
</ol>
特点;1.有顺序,每个元素独占一行
2.默认每个li元素有顺序标识1,2,3,
3.一般用于问卷调查,例如:问卷调查
3.定义列表:语法如下;
<dl>
<dt>标题一</dt>
<dd>标题一的内容一</dd>
<dd><标题一的内容二/dd>
<dt>标题二</dt>
<dd>标二的内容一</dd>
<dd>标题二的内容二</dd>
特点:1.没有顺序每个dt和dd标签都独占一行
2.默认没有标记
3. 一般用于一个标题下有一个或多个列表选项
一般跨行和跨列语法如下;
<table>
<tr>
<td colspan="所跨的列数">单元格内容</td>
</tr>
</table>
表格的跨行语法如下:
<table>
<tr>
<td rowspan="所跨的行数">单元格内容</td>
</tr>
</table>
视频元素;语法如下:
<video src="视频路径" controls="controls"></video>
其中src属性用于指定要播放的视频文件的路径,controls属性用于提供播放,暂停和音量控件,此外,还可以使用width和height设置的高度
4.表格的基本语法:
<table>
<tr>
<th>第一个单元格内容</th>
<th>第二个单元格的内容</th>
.......
</tr>
<tr>
<th>第一个单元格内容</th>
<th>第二个单元格内容</th>
.........
</tr>
</table>
注:在video元素中指定controls属性可以在上面以默认的方式进行播放控制,如果不加这个属性,那么视频就不能直接播放.
1.audio元素的基本语法;
<audio src="音频路径" controls=" controls"></video>
其中src属性用于指定要播放的音频文件的路径,controls属性用于提供播放,暂停和音量控件,此外,还可以用width和height设置音频的宽度和高度.
经验: 要想主流浏览器都支持视频和音频文件的方法如下:
通过source引入的视频文件至少包括WebM和MPEG4或Ogg和MPEG4
通过source引入的音频文件至少包括WAV和MP3或Ogg和MP3
HTML5的元素结构
元素名 描素
header 标题头部区域的内容(用于页面或页面中的一块区域)
footer 标记脚部区域的内容(用于整个页面或页面的一片区域)
section Web页面中的一片独立的一片区域
article 独立的文章内容
aside 相关内容或应用(常用语侧边栏)
nav 导航类辅助内容
<iframe>框架
<iframe>语法如下:
<iframe src="引用页面路径" name="框架标识名"..></iframe>
<iframe>属性的应用
1.在被打开的框架上加name属性,关键代码如下;
<iframe name="mainFrame" src="subframe/_second.html"/>
2.在超链接上设置target目标窗口属性为希望显示的框架窗口名,关键代码如下:
< a href="subframe/the_second.html" target="mainFrame">下边显示第二页</a>