溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
html標簽有哪些分類？相信很多沒有經驗的人對此束手無策，為此本文總結了問題出現的原因和解決方法，通過這篇文章希望你能解決這個問題。
HTML標簽的類型可分為三種:塊級標簽,行內標簽,內聯塊狀標簽。
塊級標簽：
塊狀標簽：標簽獨占一行，可指定寬、高。
特性：
能夠識別寬高
margin和padding的上下左右均對其有效
可以自動換行
多個塊狀元素標簽寫在一起，默認排列方式為從上至下
可以使用margin:0 auto居中對齊
常用的塊狀元素有：
<div>、<p>、<h2>...<h7>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote>、<form>
內聯標簽：
內聯(行級)標簽：標簽在一行內，寬度與高度由內容決定，只有在內容超過HTML的寬度時，才會換行。
特性：
無法設置寬高
margin上下無效，只有左右有效果，padding都有效果，會撐大空間；box-sizing:border-box;無效，因為該屬性針對盒模型。
不會自動換行
常用的內聯元素有：
<a>、<span>、<i>、<em>、<strong>、<label>、<q>、<var>、<cite>、<code>
內聯塊狀標簽：
內聯塊狀元素（inline-block）就是同時具備內聯元素、塊狀元素的特點，代碼display:inline-block就是將元素設置為內聯塊狀元素。(css2.1新增)，<img>、<input>標簽就是這種內聯塊狀標簽。
特性：
不會自動換行
能夠設置寬高
默認排列方式為從左到右
可以使用text-align:center使內容相對于父盒子水平居中對齊，例如img標簽，可以使用text-align:center，相對父盒子居中對齊、margin:0 auto無效
水平排列，但所有元素默認會有1個空格的間隙，因為元素之間在html中書寫有回車換行，瀏覽器解析會將其解析成一個空格。
常用的內聯塊狀元素有：
<img>、<input>
HTML標簽類型是可以轉換的：
display:inline;轉換為行內元素
display:linline-block;轉換為行內塊元素
display:block;轉換為塊級元素
看完上述內容，你們掌握html標簽有哪些分類的方法了嗎？如果還想學到更多技能或想了解更多相關內容，歡迎關注億速云行業資訊頻道，感謝各位的閱讀！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
