您好,登錄后才能下訂單哦!
這篇文章主要講解了“html標簽的分類是什么”,文中的講解內(nèi)容簡單清晰,易于學習與理解,下面請大家跟著小編的思路慢慢深入,一起來研究和學習“html標簽的分類是什么”吧!
HTML標簽的類型可分為三種:塊級標簽,行內(nèi)標簽,內(nèi)聯(lián)塊狀標簽。
塊級標簽:
塊狀標簽:標簽獨占一行,可指定寬、高。
特性:
能夠識別寬高
margin和padding的上下左右均對其有效
可以自動換行
多個塊狀元素標簽寫在一起,默認排列方式為從上至下
可以使用margin:0 auto居中對齊
常用的塊狀元素有:
<div>、<p>、<h2>...<h7>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote>、<form>
內(nèi)聯(lián)標簽:
內(nèi)聯(lián)(行級)標簽:標簽在一行內(nèi),寬度與高度由內(nèi)容決定,只有在內(nèi)容超過HTML的寬度時,才會換行。
特性:
無法設置寬高
margin上下無效,只有左右有效果,padding都有效果,會撐大空間;box-sizing:border-box;無效,因為該屬性針對盒模型。
不會自動換行
常用的內(nèi)聯(lián)元素有:
<a>、<span>、<i>、<em>、<strong>、<label>、<q>、<var>、<cite>、<code>
內(nèi)聯(lián)塊狀標簽:
內(nèi)聯(lián)塊狀元素(inline-block)就是同時具備內(nèi)聯(lián)元素、塊狀元素的特點,代碼display:inline-block就是將元素設置為內(nèi)聯(lián)塊狀元素。(css2.1新增),<img>、<input>標簽就是這種內(nèi)聯(lián)塊狀標簽。
特性:
不會自動換行
能夠設置寬高
默認排列方式為從左到右
可以使用text-align:center使內(nèi)容相對于父盒子水平居中對齊,例如img標簽,可以使用text-align:center,相對父盒子居中對齊、margin:0 auto無效
水平排列,但所有元素默認會有1個空格的間隙,因為元素之間在html中書寫有回車換行,瀏覽器解析會將其解析成一個空格。
常用的內(nèi)聯(lián)塊狀元素有:
<img>、<input>
HTML標簽類型是可以轉換的:
display:inline;轉換為行內(nèi)元素
display:linline-block;轉換為行內(nèi)塊元素
display:block;轉換為塊級元素
感謝各位的閱讀,以上就是“html標簽的分類是什么”的內(nèi)容了,經(jīng)過本文的學習后,相信大家對html標簽的分類是什么這一問題有了更深刻的體會,具體使用情況還需要大家實踐驗證。這里是億速云,小編將為大家推送更多相關知識點的文章,歡迎關注!
免責聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權內(nèi)容。