1. 程式人生 > >HTML常見標籤及塊級元素同行內元素的區別

HTML常見標籤及塊級元素同行內元素的區別

常見塊級元素

1.<caption>定義表格標題

2..<dd>定義列表中的定義條目

3.<div>文件中的某一區域

4.<dl>定義列表

5<dt>定義列表的標題

6<form>表單

7.<h1>------<h6>標題的級別

8<hr>水平線,換行不換段

9.<li>列表中的專案

10<ol>有序列表

11<ul>無序列表

12<p>段落標籤

13.<table>表格

14.<tbody>表格的主體

15.<tfoot>表格的頁尾

16<thead>表格的表頭

17.<tr>表格中行

18.<td>表格中的標準單元格

行內塊元素:(可以設定寬高)

1input

2.img

3.select

4.textarea


行內元素:

1.<a> 超連結

2.<b>加粗

3.<br>換行

4<i>傾斜

5.<span>行內元素,無特殊含義

6.<sub>下標問本

7<sup>上標文字

可變元素列表(根據上下文語境決定元素為塊元素或者行內元素???)

1.button 按鈕

2<iframe>建立包含另外一個文件的內聯框架

3.<map>客戶端影象對映

4.<script>客戶端指令碼

行內元素與塊元素的區別

1.直觀上,塊元素垂直排列;行內元素在一行排列

2.盒模型的屬性不同,行內元素設定width height沒用,但可以設定line-height..同時,設定margin padding的上下值無效,可以設定左右

3.塊級元素包含行內元素