html中的標籤元素大體被分為三種不同的型別:塊狀元素、內聯元素和內聯塊狀元素。
常用的塊狀元素有:
、、...、、、、、、、
常用的內聯元素有:
、、、、、、、、、、
常用的內聯塊狀元素有:
、塊級元素
什麼是塊級元素?在html中、
、、、和 就是塊級元素。設定display:block就是將元素顯示為塊級元素。如下**就是將行內元素a轉換為塊狀元素,使a元素具有塊狀元素特點。
a
塊級元素特點:
1、每個塊級元素都從新的一行開始,並且其後的元素也另起一行。(乙個塊級元素獨佔一行)
2、元素的高度、寬度、行高以及頂和底邊距都可設定。
3、元素寬度在不設定的情況下,是它本身父容器的100%(和父元素的寬度一致),除非設定乙個寬度。
行內元素
在html中,、、、、
、和就是典型的行內元素(inline)元素。當然塊狀元素也可以通過**display:inline將元素設定為行內元素
。如下**就是將塊狀元素div轉換為行內元素,從頁使用div元素具有行內元素特點。
div
行內元素特點:
1、和其他元素都在一行上;
2、元素的高度、寬度、行高及頂部和底部邊距不可設定;
3、元素的寬度就是它包含的文字或的寬度,不可改變。
內聯塊狀元素
內聯塊狀元素(inline-block)就是同時具備內聯元素、塊狀元素的特點,**display:inline-block就是將元素設定為內聯塊狀元素。(css2.1新增),
、標籤就是這種內聯塊狀標籤。
inline-block元素特點:
1、和其他元素都在一行上;
2、元素的高度、寬度、行高以及頂和底邊距都可設定
HTML標籤分類
按閉合特徵分類 按是否換行分類 塊級元素特點 常用的塊級元素 標籤描述 div常用塊級容器,也是css和layout的主要標籤 h1 h6 一二三四五六級標題 hr水平分割線 menu 選單列表 ol ul li 有序列表 無序列表 列表項 dl dt dd 自定義列表 定義分類 類項描述 tabl...
HTML標籤分類
html標籤分類 塊級標籤 顯示為 塊 狀,獨佔一行 前後斷行顯示 佔據一整行 具有寬度和高度 常用作容器 沒有實際意義 容納 其他塊級標籤或行級標籤 常用標籤 基本塊級標籤 標題標籤段落標籤水平線標籤 浮動屬性 float 用於定於元素的浮動方向 改變塊級標籤的顯示屬性,塊級標籤不會獨佔一行 脫離...
HTML標籤的分類
display block 獨佔一行 div就是乙個塊級元素 可以設定寬度和高度 寬度是父級元素的寬度,高度是自身內容的高度 div p h1 h6 ol ul li dl dt dd table tr hr td form pre display inline 不獨佔一行,在一行顯示 span就是...