本篇內(nèi)容介紹了“html中有哪些文本標(biāo)簽”的有關(guān)知識，在實(shí)際案例的操作過程中，不少人都會(huì)遇到這樣的困境，接下來就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細(xì)閱讀，能夠?qū)W有所成！

html的文本標(biāo)簽有：h2、h3、h4、h5、h6、h7、p、hr、br、q、blockquote、b、strong、i、em、s、u、small、big、sub、sup、code、pre、abbr、bdo、tt、kbd、dfn、var等。

本教程操作環(huán)境：windows7系統(tǒng)、HTML5版、Dell G3電腦。

HTML文本就是網(wǎng)頁上顯示的主要內(nèi)容，需要用到的主要標(biāo)簽有如下幾類：標(biāo)題標(biāo)簽、段落標(biāo)簽、文本標(biāo)簽、水平線標(biāo)簽、特殊符號標(biāo)簽。這些標(biāo)簽都在body標(biāo)簽內(nèi)部。

一、h2~h7標(biāo)題標(biāo)簽

單詞縮寫： head 頭部. 標(biāo)題

為了使網(wǎng)頁更具有語義化，我們經(jīng)常會(huì)在頁面中用到標(biāo)題標(biāo)簽，HTML提供了6個(gè)等級的標(biāo)題，即<h2>~<h7>，代表六個(gè)級別的標(biāo)題，<h2>代表最大的標(biāo)題，<h7>代表最小的標(biāo)題。

標(biāo)題標(biāo)簽語義： 作為標(biāo)題使用，并且依據(jù)重要性遞減。

注意： h2 標(biāo)簽因?yàn)橹匾M量少用

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

單詞縮寫： paragraph 段落

在網(wǎng)頁中要把文字有條理地顯示出來，離不開段落標(biāo)簽，類似于平常寫文章一樣，整個(gè)網(wǎng)頁也可以分為若干個(gè)段落。

Tips：p是一個(gè)文本級的標(biāo)簽，p里面只能放文字、圖片、表單元素。

段落標(biāo)簽是HTML文檔中最常見的標(biāo)簽，默認(rèn)情況下，文本在一個(gè)段落中會(huì)根據(jù)瀏覽器窗口的大小自動(dòng)換行。

<p>這是一個(gè)段落。。。</p>

三、hr水平線標(biāo)簽（單標(biāo)簽）

單詞縮寫： horizontal 橫線。

在網(wǎng)頁中常常看到一些水平線將段落與段落之間隔開，使得文檔結(jié)構(gòu)清晰，層次分明。這些水平線可以通過插入圖片實(shí)現(xiàn)，也可以簡單地通過標(biāo)簽來完成，<hr />就是創(chuàng)建橫跨網(wǎng)頁水平線的標(biāo)簽。

四、br換行標(biāo)簽（單標(biāo)簽）

單詞縮寫： break 打斷 ,換行

在HTML中，一個(gè)段落中的文字會(huì)從左到右依次排列，直到瀏覽器窗口的右端，然后自動(dòng)換行。如果希望某段文本強(qiáng)制換行顯示，就需要使用換行標(biāo)簽

五、引用標(biāo)簽

<q> 標(biāo)簽定義短的引用，瀏覽器經(jīng)常在引用的內(nèi)容周圍添加引號；

<blockquote> 定義塊引用，其包含的文本都會(huì)從常規(guī)文本中分離出來，左、右兩側(cè)會(huì)縮進(jìn)顯示，有時(shí)顯示為斜體。

<q>細(xì)節(jié)決定成敗</q>
<blockquote>
<p>生命在于折騰啊！</p>
</blockquote>

Tips:一段文本不可以直接放在 blockquote 元素中，應(yīng)包含在一個(gè)塊元素中，如 p 元素。

六、文本格式化標(biāo)簽

在網(wǎng)頁中，有時(shí)需要為文字設(shè)置粗體、斜體或下劃線效果，這時(shí)就需要用到HTML中的文本格式化標(biāo)簽，使文字以特殊的方式顯示。

標(biāo)簽	顯示效果
<b></b>和<strong></strong>	文字以粗體方式顯示（XHTML推薦使用 strong）
<i></i>和<em></em>	文字以斜體方式顯示（XHTML推薦使用em）
<s></s>和<del></del>	文字以加刪除線方式顯示（XHTML推薦使用del）
<u></u>和<ins></ins>	文字以加下劃線方式顯示（XHTML不贊成使用u）
<small></small>	定義小號字體，標(biāo)簽包含的文本比周圍小一號，下限1號文本
<big></big>	定義大號字體，標(biāo)簽包含的文字比周圍大一號，上限7號文本
<sub></sub>	定義下標(biāo)文本，以當(dāng)前文本流中字符高度一半顯示，但是與文本流中字符字體字號一致
<sup></sup>	定義上標(biāo)文本，以當(dāng)前文本流中字符高度一半顯示，但是與文本流中字符字體字號一致

Tips: b i s u 只有使用 沒有 強(qiáng)調(diào)的意思 strong em del ins 語義更強(qiáng)烈

Tips: <sub>、<sup>標(biāo)簽，在數(shù)學(xué)公式、科學(xué)符號和化學(xué)公式中非常有用。

七、輸出文本

HTML元素提供了如下輸出信息的標(biāo)簽：

標(biāo)簽	說明
<code>	表示代碼字體，顯示源代碼
<pre>	表示預(yù)定義格式的源代碼，保留源代碼顯示中的空格大小
<tt>	表示打印機(jī)字體
<kbd>	表示鍵盤字體
<dfn>	表示定義的術(shù)語
<var>	表示變量字體
<samp>	表示代碼范例

八、縮寫文本

<abbr> 標(biāo)簽可以定義簡稱或縮寫，通過對縮寫進(jìn)行標(biāo)記，能夠?yàn)闉g覽器、搜索引擎提供有用的信息。

<acronym>標(biāo)簽是定義首字母縮寫。

<abbrtitile="HyperMarkupLanguage">HTML</abbr>
<acronymtitile="HyperMarkupLanguage">HTML</acronym>

Tips:可以使用 title 屬性，設(shè)置在鼠標(biāo)移動(dòng)到上顯示完整文本。

九、文本方向

使用<bdo> 標(biāo)簽可以改變文本流的方向，包含一個(gè)屬性：dir，取值包活 ltr(從左到右) 和 rtl(從右到左)。

<bdodir="rtl">床前明月光</bdo>

總結(jié)

以上是生活随笔為你收集整理的html中有哪些文本标签的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。