HTML塊級元素和內聯元素怎么使用

發(fā)布時間：2022-03-18 13:52:08 來源：億速云閱讀：79 作者：iii 欄目：web開發(fā)

這篇文章主要介紹“HTML塊級元素和內聯元素怎么使用”的相關知識，小編通過實際案例向大家展示操作過程，操作方法簡單快捷，實用性強，希望這篇“HTML塊級元素和內聯元素怎么使用”文章能幫助大家解決問題。

1).塊級元素

什么是塊級元素，其實就是這個元素在進行顯示后會換行輸出下一個元素，比如我們的P標簽，還有Blockquote 標簽都是，不過今天我們要說的是Html中運用的最廣的塊級元素，它就是Div。

<div align="center">
<p>小花貓</p>
<a href="">小色貓</a>
<img src="1.png" />
<a href="">小白貓</a>
<blockquote>小懶貓</blockquote>
</div>

HTML塊級元素和內聯元素怎么使用

可以看到在Div中的塊級元素都換行了，然而內聯元素都沒有換行。

和塊級元素正好相反，不用換行輸出的那種，比如a標簽，或者是Big  Small這些段落中的文本標簽都是內聯元素，當然也有例外，比如Pre標簽，這里不再細說。今天我們要著重討論的是Span標簽。

<span>
<p>小花貓</p>
<a href="">小色貓</a>
<img src="1.png" />
<a href="">小白貓</a>
<blockquote>小懶貓</blockquote>
</span>

HTML塊級元素和內聯元素怎么使用

注意:Span標簽是沒有Align屬性的。

關于“HTML塊級元素和內聯元素怎么使用”的內容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關的知識，可以關注億速云行業(yè)資訊頻道，小編每天都會為大家更新不同的知識點。

向AI問一下細節(jié)