Html行內元素與塊元素

2021-08-19 18:49:45 字數 1397 閱讀 9013

塊元素(block element)

1 address - 位址

2 blockquote - 塊引用

3 center - 舉中對齊塊

4 dir - 目錄列表

5 div - 常用塊級容易,也是css layout的主要標籤

6 dl - 定義列表

7 fieldset - form控制組

8 form - 互動表單

9 h1 - 大標題

10 h2 - 副標題

11h3 - 3級標題

12h4 - 4級標題

13 h5 - 5級標題

14 h6 - 6級標題

15 hr - 水平分隔線

16 isindex - input prompt

17menu - 選單列表

18 noframes - frames可選內容,(對於不支援frame的瀏覽器顯示此區塊內容

19noscript - 可選指令碼內容(對於不支援script的瀏覽器顯示此內容)

20 ol - 排序表單

21 p - 段落

22 pre - 格式化文字

23 table - **

24 ul - 非排序列表

內聯元素(inline element)

1 a - 錨點

2 abbr - 縮寫

3 acronym - 首字

4 b - 粗體(不推薦)

5 bdo - bidi override

6 big - 大字型

7 br - 換行

8 cite - 引用

9 code - 計算機**(在引用原始碼的時候需要)

10 dfn - 定義字段

11 em - 強調

12 font - 字型設定(不推薦)

13 i - 斜體

14 img -

15 input - 輸入框

16 kbd - 定義鍵盤文字

17 label - **標籤

18 q - 短引用

19 s - 中劃線(不推薦)

20 samp - 定義範例計算機**

21 select - 專案選擇

22 small - 小字型文字

23 span - 常用內聯容器,定義文字內區塊

24 strike - 中劃線

25 strong - 粗體強調

26 sub - 下標

27 sup - 上標

28 textarea - 多行文字輸入框

29 tt - 電傳文字

30 u - 下劃線

31 var - 定義變數

可變元素

在使用時可使用display(inline block)屬性來更改其實塊元素還是行內元素

html塊級元素與行內元素

塊元素一般都從新行開始,它可以容納內聯元素和其他塊元素,常見塊元素是段落標籤 p form 這個塊元素比較特殊,它只能用來容納其他塊元素。如果沒有css的作用,塊元素會順序以每次另起一行的方式一直往下排。而有了css以後,我們可以改變這種html的預設布局模式,把塊元素擺放到你想要 的位置上去。而不...

html塊級元素與行內元素

塊級元素 1.獨佔一行 2.可以設定width height 3.預設width是父級元素100 4.塊級元素裡可以放塊級元素和行內元素 文字內標籤不能使用塊級元素 行內元素 1.一行可以顯示多個 2.width height設定無效 3.width預設內容的寬度 4.行內元素裡只能放文字或其他行內...

html行內元素與塊元素分類

塊級元素 div p form,ul,li ol,dl,form,address,fieldset,hr,menu,table 行內元素 span,strong,em,br,img input,label,select,textarea,cite,內聯元素 inline element a 錨點 b...