列表,表格与媒体

一.列表信息资源展现的一种形式使信息结构化条理化,并且以列表的形式展现出来

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>

原文地址:https://www.cnblogs.com/864466244qq/p/7442833.html