列表、表格与媒体元素

北冥复习html（二）

一、表格的具体组成单位

由行和列组成的单元格

结构:

<table border="1">
<tr>
<td>row1,cell1</td>
<td>row1,cell2</td>
</tr>
</table>

table ==》 定义表格； border ==》 设置表格边粗细； tr ==》 行； td ==》 列；

<td colspan = "3"></td> ==>跨3列；<td rowspan = "2"></td> ==>跨2行；

二、列表

定义：

列表就是信息资源的一种展示方式，它可以使信息结构化和条理化，并以列表的样式显示出来，以便浏览器能更快捷的获取相同的信息。

分类：

1.有序列表，结构：

<ol>
<li>有序1</li>
<li>有序2</li>
</ol>

 

ol ==》声明一个有序列表；li ==》列表项（属块元素）

2.无序列表，结构：

<ul>
<li>无序1</li>
<li>无序2</li>
</ul>

 

ul ==》声明一个无序列表；li ==》列表项

3.定义列表，结构：

<dl>
<dt>定义1</dt>
<dd>内容1</dd>
</dl>

 

 dl ==》声明一个定义列表；dt ==》列表项；dd ==》列表项内容

 三、视频与音频标签

视频结构：

<video src = "地址" controls >

 

当浏览器无法识别时，可用：

<video controls autoplay>

<source src = "地址">

</video>

 

• void 声明一个视频，src = “视频地址” 
• controls 显示视频操作内容
• autoplay 自动播放
• audio 声明一个音频，用法和 void 一样

四、页面结构 

主要分为三大部分：1.页面头部；2.页面主体；3.页面尾部。

功能：对页面布局，没有其他显示效果。

作用：规范网页程序结构化

标签：

关键字	说明
header	表头部区块
section	网页独立区域
footer	尾部区块
article	独立文章内容
aside	侧边栏
nav	导航栏

五、内联框架

结构：

<a href = "" target = " ">点击跳转</a>
<iframe str = " " name = "zs" width = "" height = "" ></iframe>

 解释：

• href ==》另一个网站
• target ==》与name对应，这样使内联框架跳转另一个网站
• src ==》引用页面地址
• name ==》内联框架名
• width 、height ==》内联框架宽和高