html標籤分類有哪些

html標籤元素有：1、標籤獨佔一行，可指定寬、高的塊狀標籤；2、標籤在一行內，寬度與高度由內容決定，只有在內容超過HTML的寬度時，才會換行的行內標籤；3、同時具備內聯元素、塊狀元素特徵的行內塊狀標籤。

本教學操作環境：windows7系統、CSS3&&HTML5版、Dell G3電腦。

HTML標籤的型別可分為三種:區塊級標籤,行內標籤,內嵌區塊狀標籤。

區塊層級標籤：

區塊狀標籤：標籤獨佔一行，可指定寬、高。

特性：

• 能夠辨識寬高

• #margin和padding的上下左右均對其有效

• 可以自動換行

• 多個塊狀元素標籤寫在一起，預設排列方式為從上到下

• #可以使用margin:0 auto居中對齊

常用的塊狀元素有：

、

、

...

、

、
、

、、

、

、

• #11標籤：
  內嵌(行級)標籤：標籤在一行內，寬度與高度由內容決定，只有在內容超過HTML的寬度時，才會換行。
• 特性：

無法設定寬高

#margin上下無效，只有左右有效果，padding都有效果，會撐大空間；box-sizing:border-box;無效，因為該屬性針對盒子模型。

不會自動換行

• 常用的內嵌元素有：
  、 、、、、、、、、
• 內嵌區塊狀標籤：
  內嵌塊狀元素（inline-block）就是同時具備內嵌元素、塊狀元素的特點，程式碼display:inline-block就是將元素設定為內嵌塊狀元素。 (css2.1新增)，、標籤就是這種內嵌塊狀標籤。
• 特性：

• 不會自動換行

• #能夠設定寬高

預設排列方式為從左到右

可以使用text-align:center使內容相對於父盒子水平居中對齊，例如img標籤，可以使用text-align:center ，相對父盒子居中對齊、margin:0 auto無效

• 水平排列，但所有元素預設會有1個空格的間隙，因為元素之間在html中書寫有回車換行，瀏覽器解析會將其解析成一個空格。

• 常用的內嵌塊狀元素有：
  、
• HTML標籤類型是可以轉換的：

display:inline;轉換為行內元素

#display:linline-block;轉換為行內區塊元素######## #####display:block;轉換為區塊級元素############推薦學習：###html影片教學######

以上是html標籤分類有哪些的詳細內容。更多資訊請關注PHP中文網其他相關文章！

陳述：

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

上一篇：html有哪些行內塊元素下一篇：html有哪些行內塊元素

相關文章

看更多

• html如何插入swf內容
• html中文字下面怎麼有虛線
• html怎麼改網頁標題
• html有哪些行內塊元素
• html怎麼在文字中保留空格

• 首頁

• 課程

• 問答

• 我的

• 首頁
• 課程
• 文章
• 問答
• 詞典
• 手册
• 下載
• 專題

首頁

文章

問答

課程

專題

下載

遊戲

詞典

简体中文（ZH-CN）English（EN）繁体中文（ZH-TW）日本語（JA）한국어（KO）Melayu（MS）Français（FR）Deutsch（DE）