列表、表格與媒體元素

北冥複習html（二）

1、表格的具體組成單位

由行和列組成的單元格

結構:

<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行；

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 ==》列表項內容

 3、視頻與音頻標籤

視頻結構：

<video src = "地址" controls >

 

當瀏覽器沒法識別時，可用：

<video controls autoplay>

<source src = "地址">

</video>

 

• void 聲明一個視頻，src = 「視頻地址」 
• controls 顯示視頻操做內容
• autoplay 自動播放
• audio 聲明一個音頻，用法和 void 同樣

4、頁面結構 

主要分爲三大部分：1.頁面頭部；2.頁面主體；3.頁面尾部。

功能：對頁面佈局，沒有其餘顯示效果。

做用：規範網頁程序結構化

標籤：

關鍵字	說明
header	表頭部區塊
section	網頁獨立區域
footer	尾部區塊
article	獨立文章內容
aside	側邊欄
nav	導航欄

5、內聯框架

結構：

<a href = "" target = " ">點擊跳轉</a>
<iframe str = " " name = "zs" width = "" height = "" ></iframe>

 解釋：

• href ==》另外一個網站
• target ==》與name對應，這樣使內聯框架跳轉另外一個網站
• src ==》引用頁面地址
• name ==》內聯框架名
• width 、height ==》內聯框架寬和高