您好,登錄后才能下訂單哦!
本篇內(nèi)容介紹了“html中有哪些文本標(biāo)簽”的有關(guān)知識(shí),在實(shí)際案例的操作過(guò)程中,不少人都會(huì)遇到這樣的困境,接下來(lái)就讓小編帶領(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)頁(yè)上顯示的主要內(nèi)容,需要用到的主要標(biāo)簽有如下幾類:標(biāo)題標(biāo)簽、段落標(biāo)簽、文本標(biāo)簽、水平線標(biāo)簽、特殊符號(hào)標(biāo)簽。這些標(biāo)簽都在body標(biāo)簽內(nèi)部。
一、h2~h7標(biāo)題標(biāo)簽
單詞縮寫(xiě): head 頭部. 標(biāo)題
為了使網(wǎng)頁(yè)更具有語(yǔ)義化,我們經(jīng)常會(huì)在頁(yè)面中用到標(biāo)題標(biāo)簽,HTML提供了6個(gè)等級(jí)的標(biāo)題,即<h2>~<h7>,代表六個(gè)級(jí)別的標(biāo)題,<h2>代表最大的標(biāo)題,<h7>代表最小的標(biāo)題。
標(biāo)題標(biāo)簽語(yǔ)義: 作為標(biāo)題使用,并且依據(jù)重要性遞減。
注意: h2 標(biāo)簽因?yàn)橹匾?,盡量少用
二、p段落標(biāo)簽
單詞縮寫(xiě): paragraph 段落
在網(wǎng)頁(yè)中要把文字有條理地顯示出來(lái),離不開(kāi)段落標(biāo)簽,類似于平常寫(xiě)文章一樣,整個(gè)網(wǎng)頁(yè)也可以分為若干個(gè)段落。
Tips:p是一個(gè)文本級(jí)的標(biāo)簽,p里面只能放文字、圖片、表單元素。
段落標(biāo)簽是HTML文檔中最常見(jiàn)的標(biāo)簽,默認(rèn)情況下,文本在一個(gè)段落中會(huì)根據(jù)瀏覽器窗口的大小自動(dòng)換行。
<p>這是一個(gè)段落。。。</p>
三、hr水平線標(biāo)簽(單標(biāo)簽)
單詞縮寫(xiě): horizontal 橫線。
在網(wǎng)頁(yè)中常??吹揭恍┧骄€將段落與段落之間隔開(kāi),使得文檔結(jié)構(gòu)清晰,層次分明。這些水平線可以通過(guò)插入圖片實(shí)現(xiàn),也可以簡(jiǎn)單地通過(guò)標(biāo)簽來(lái)完成,<hr />就是創(chuàng)建橫跨網(wǎng)頁(yè)水平線的標(biāo)簽。
四、br換行標(biāo)簽(單標(biāo)簽)
單詞縮寫(xiě): break 打斷 ,換行
在HTML中,一個(gè)段落中的文字會(huì)從左到右依次排列,直到瀏覽器窗口的右端,然后自動(dòng)換行。如果希望某段文本強(qiáng)制換行顯示,就需要使用換行標(biāo)簽
五、引用標(biāo)簽
<q> 標(biāo)簽定義短的引用,瀏覽器經(jīng)常在引用的內(nèi)容周?chē)砑右?hào);
<blockquote> 定義塊引用,其包含的文本都會(huì)從常規(guī)文本中分離出來(lái),左、右兩側(cè)會(huì)縮進(jìn)顯示,有時(shí)顯示為斜體。
<q>細(xì)節(jié)決定成敗</q> <blockquote> <p>生命在于折騰??!</p> </blockquote>
Tips:一段文本不可以直接放在 blockquote 元素中,應(yīng)包含在一個(gè)塊元素中,如 p 元素。
六、文本格式化標(biāo)簽
在網(wǎng)頁(yè)中,有時(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> | 定義小號(hào)字體,標(biāo)簽包含的文本比周?chē)∫惶?hào),下限1號(hào)文本 |
<big></big> | 定義大號(hào)字體,標(biāo)簽包含的文字比周?chē)笠惶?hào),上限7號(hào)文本 |
<sub></sub> | 定義下標(biāo)文本,以當(dāng)前文本流中字符高度一半顯示,但是與文本流中字符字體字號(hào)一致 |
<sup></sup> | 定義上標(biāo)文本,以當(dāng)前文本流中字符高度一半顯示,但是與文本流中字符字體字號(hào)一致 |
Tips: b i s u 只有使用 沒(méi)有 強(qiáng)調(diào)的意思 strong em del ins 語(yǔ)義更強(qiáng)烈
Tips: <sub>、<sup>標(biāo)簽,在數(shù)學(xué)公式、科學(xué)符號(hào)和化學(xué)公式中非常有用。
七、輸出文本
HTML元素提供了如下輸出信息的標(biāo)簽:
標(biāo)簽 | 說(shuō)明 |
<code> | 表示代碼字體,顯示源代碼 |
<pre> | 表示預(yù)定義格式的源代碼,保留源代碼顯示中的空格大小 |
<tt> | 表示打印機(jī)字體 |
<kbd> | 表示鍵盤(pán)字體 |
<dfn> | 表示定義的術(shù)語(yǔ) |
<var> | 表示變量字體 |
<samp> | 表示代碼范例 |
八、縮寫(xiě)文本
<abbr> 標(biāo)簽可以定義簡(jiǎn)稱或縮寫(xiě),通過(guò)對(duì)縮寫(xiě)進(jìn)行標(biāo)記,能夠?yàn)闉g覽器、搜索引擎提供有用的信息。
<acronym>標(biāo)簽是定義首字母縮寫(xiě)。
<abbr titile="Hyper Markup Language">HTML</abbr> <acronym titile="Hyper Markup Language">HTML</acronym>
Tips:可以使用 title 屬性,設(shè)置在鼠標(biāo)移動(dòng)到上顯示完整文本。
九、文本方向
使用<bdo> 標(biāo)簽可以改變文本流的方向,包含一個(gè)屬性:dir,取值包活 ltr(從左到右) 和 rtl(從右到左)。
<bdo dir="rtl">床前明月光</bdo>
“html中有哪些文本標(biāo)簽”的內(nèi)容就介紹到這里了,感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)可以關(guān)注億速云網(wǎng)站,小編將為大家輸出更多高質(zhì)量的實(shí)用文章!
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。