在

---

1、段落標(biāo)簽p

段落標(biāo)簽的語(yǔ)法格式為：<p>段落文本</p>。被其標(biāo)記的文本，默認(rèn)會(huì)與上下文之間產(chǎn)生一行的間隔。通常情況下，我們?cè)贒W的設(shè)計(jì)視圖界面輸入一段文本后，按回車鍵，就會(huì)在該段文本的前后自動(dòng)加上<p>和</p>，不需要專門書寫段落標(biāo)簽。

 

將光標(biāo)放在段落標(biāo)簽的起始標(biāo)簽的p后面，鍵入空格，就會(huì)出現(xiàn)該標(biāo)簽的可用屬性，具體語(yǔ)法格式為<p 屬性名1=“屬性值1”屬性名2=“屬性值2 ……>文本</p>，其中常用的屬性是align和class：

 

align屬性中所說(shuō)的“容器”，是指段落文本的外側(cè)對(duì)象，例如：段落是放在一個(gè)單元格中的，那么單元格就是該段落的容器，此時(shí)如果align="center"，則段落文本是相對(duì)單元格居中顯示的。如果段落沒有放入任何對(duì)象內(nèi)，則它所屬的容器就是頁(yè)面。如下圖，段落文本是相對(duì)頁(yè)面右對(duì)齊顯示：

 

class是指定段落所使用的類，這個(gè)類一般是CSS定義的樣式類。大家可能會(huì)說(shuō)，難道文本不能設(shè)定顏色、大小等效果嗎？能！按照設(shè)計(jì)網(wǎng)頁(yè)的常規(guī)思路，有兩種方法，一是在頭部區(qū)域利用<style></style>標(biāo)簽設(shè)定（見本文第5點(diǎn)內(nèi)容）；一種是利用CSS類，本文中先不涉及，后面的文章會(huì)詳細(xì)講解CSS樣式。

2、換行標(biāo)簽br

換行標(biāo)簽是個(gè)單標(biāo)簽，一般使用/來(lái)結(jié)束標(biāo)簽，即正確格式為<br />。它的功能就是換行，也就是說(shuō)在想要換行的地方輸入一個(gè)<br />就OK了，該標(biāo)簽沒有屬性，效果如下圖：

 

3、標(biāo)題標(biāo)簽hn

其中n=1~6。即"<h1>…</h1>"至"<h6>…</h6>"，它們是DW預(yù)設(shè)好效果的標(biāo)題文本，其預(yù)設(shè)效果為：

 

hn的常用屬性也是align和class，屬性值與p標(biāo)簽中所講的一致。

4、強(qiáng)調(diào)語(yǔ)義標(biāo)簽strong和em

所謂強(qiáng)調(diào)語(yǔ)義是指，一方面顯示加粗或傾斜效果，一方面加重語(yǔ)氣以更加吸引搜索引擎。<strong>文本</strong>是加粗文本，<em>文本</em>是傾斜文本。在語(yǔ)氣上，strong語(yǔ)氣較重，em語(yǔ)氣較輕。它們沒有屬性，效果如下：

 

5、突出顯示標(biāo)簽mark

mark標(biāo)簽是HTML5的新標(biāo)簽，IE8以下的瀏覽器不解析該標(biāo)簽。其語(yǔ)法格式為：<mark>文本</mark>。它是為文本設(shè)定了黃色背景，以突出顯示，效果如下。如果設(shè)計(jì)視圖看不到突出顯示效果，只要在瀏覽器中預(yù)覽該頁(yè)面就能看到了（本文所用瀏覽器為QQ瀏覽器）。

 

<mark>中不能直接修改背景顏色，要想修改突出顯示的背景色，需要在頭部區(qū)域設(shè)置<style>，例如想要將背景色改為淺藍(lán)色，其代碼為：

 

<style></style>是HTML的樣式標(biāo)簽，其內(nèi)部可以直接定義某個(gè)標(biāo)簽的樣式。格式為：

 

例如，在<style></style>中同時(shí)設(shè)定了mark和p的樣式，效果為：

 

這里設(shè)定的屬性其實(shí)就是CSS的樣式屬性，所以常用的屬性及其解釋，將在后續(xù)講解CSS的文章中詳細(xì)介紹。

6、裝飾性標(biāo)簽span

語(yǔ)法格式為<span>文本</span>，其功能是對(duì)文本進(jìn)行裝飾。但是在<span>內(nèi)部也無(wú)法設(shè)置效果類的屬性，也需要借助<style></style>標(biāo)簽。例如，接上例，將“主頁(yè)”二字設(shè)置為紅底白字：

 

---

以上就是我為大家介紹的一些常用的文本類標(biāo)簽。由于水平有限，難免存在不足之處。隨著學(xué)習(xí)的深入，大家將會(huì)對(duì)HTML標(biāo)簽了解的越來(lái)越多。所以歡迎大家對(duì)本文內(nèi)容進(jìn)行補(bǔ)充，歡迎留言交流！如果覺得有用，歡迎收藏、轉(zhuǎn)發(fā)、點(diǎn)贊、關(guān)注^_^