html標籤元素類型

HTML中標籤元素三種不一樣類型：塊狀元素，行內元素，行內塊狀元素。

塊級元素：

• 獨佔一行，寬度和父元素寬度同樣寬（默認）
• 能夠設置寬高
• 設置的width屬性和元素的寬度（width+padding2+border2+margin2）是兩回事(盒子模型)
• 若是沒有設置高度，高度由內容撐開
• 塊級元素能夠包裹別的元素。p標籤儘可能不要包裹別的塊級元素

經常使用的塊級元素：

• <div> </div>：

塊級的塊標籤，用於在效果中 定義一塊；

• <p> </p>：

段落標籤，用於展現效果中劃分段落；

• <h1>.....<h6> ：

標題標籤，用於展現效果中劃分標題；

• <ol> </ol>：

有序列表標籤，用於在效果中定義一個有序列表

• <ul> </ul> ：

無序列表標籤，用於在效果中定義一個無序列表；

• <dl> </dl>：

引發定義列表；

• <table></table>：

表格標籤，用於在效果中定義一個表格；

• <form></form>：

指定所包含控件在表單中起做用。

行內元素：

• 能夠和別的標籤共享一行，標籤的寬度和高度由內容決定
• 不能設置寬高，外邊距和內邊距部分可控制(盒子模型)

經常使用的行內元素：

• <a> </a>：

超連接標籤，用於在效果中定義一個能夠點擊跳轉的連接；

• <span></span>

行級的塊標籤，用於在效果中 一行上定義一個塊，進行內容顯示；

• </br> ：

換行；

• <i> ：

指定文本應以斜體渲染，若可用的話；

• <em> ：

強調文本，一般以斜體渲染；

• <strong> ：

以粗體渲染文本；

• <label> ：

爲頁面上的其它元素指定標籤；

• <q> ：

分離文本中的引語；

• <cite>：

用斜體顯示標明引言；

• <code>：

指定代碼範例；

• <var>

定義編程變量。一般以斜體渲染；

行內塊級元素：

• 能夠和別的元素共享一行，寬高由內容決定（默認）
• 能夠設置寬高
• 注意：行內塊級元素並排顯示的時候，兩個行內塊級元素之間默認有一個間隔
• 取消行內塊級元素之間的空格：

（1）給行內元素的父元素設置字體大小爲0px（行內元素的內容沒法顯示，行內元素之間的空格也沒法顯示）
（2）給行內元素設置合理的字體大小（行內元素的內容就能顯示了）

經常使用的行內塊狀元素：

• <img></img> ：

圖片標籤，用於在頁面效果中展現一張圖片；

• <input></input> ：

建立各類表單輸入控件。