HTML的區塊,what ?? span+div ???!!!

目錄

HTML區塊

HTML塊級元素

div元素

span元素


HTML區塊

大多數元素被定義爲塊級元素內聯元素。

HTML塊級元素

塊級元素在瀏覽器中顯示的時候,通常會以新行(新起一行)來開始和結束。

例如:

<div>、

<h1>、

<p>、

<ul>、

<table>

<div>這是div</div>
<h1>這是h1</h1>
<p>這是p</p>
<ul>這是ul</ul>
<table>這是table</table>

可見,每一個標籤元素,都新起一行顯示

HTML內聯元素

內聯元素在顯示的時候,通常不會以新行開始

例如:

<span>、

<a>、

<img>、

<b>、

<td>

<span>紅色</span>
<span>黑色</span>
<span>黃色</span>

<a href="https://www.baidu.com" alt="百度搜索引擎">百度</a>
<a href="www.chnphoto.cn/" alt="中國圖片網">中國圖片網</a>

...

從運行結果來看,沒有以新行開始,印證了內聯元素的屬性。

div元素

<div>元素是塊級元素,它是用來組合其他htm塊級元素的容器

<div>元素沒有特定的含義。除此之外,由於它屬於塊級元素,瀏覽器會在其前其後顯示換行。

如果與CSS一同使用,<div>元素可以用於對大的內容塊設置樣式屬性。

下面給出一個實例:

<div style="color:green">
 <h2>這是一個標題</h2>
 <p>這是一個段落。</p>
</div>

ps 

<div>的一個常見用途是 文檔佈局,其取代了使用表格定義佈局的老方法

span元素

<span>元素是內聯元素,可以用作文本的容器

<span>元素沒有特定的含義。

當與CSS一同使用的時候,<span>元素可以用作 爲文本設置樣式屬性

下面給出一個實例:

<p>
<span style="color:green; font-weight:bold;">綠色</span>的球鞋,我的學長有<span style="color:purple;">一雙</span>
</p>

 


 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章