目錄
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>