HTML5基礎(chǔ)——文字常用標(biāo)簽(下)

一、微文概覽

  1. 粗體、斜體、下劃線、刪除線
  2. 上標(biāo)與下標(biāo)

二、詳細(xì)介紹

  • 1. 粗體、斜體、下劃線、刪除線

我們?cè)跒g覽網(wǎng)頁(yè)的時(shí)候,經(jīng)常會(huì)看到一些特殊效果的文字,比如粗體、斜體、下劃線、刪除線等,下面我將給大家介紹這些效果。

1.1 粗體

語(yǔ)法:

<strong>粗體字</strong>

案例代碼:

<html>
    <head>
        <title>文字的粗體</title>
    </head>
    <body>
        <strong>粗體字</strong>
    </body>
</html>

運(yùn)行效果:


粗體字.png

1.2 斜體

語(yǔ)法:

<em>斜體字</em>

案例代碼:

<html>
    <head>
        <title>文字的斜體</title>
    </head>
    <body>
        <em>斜體字</em>
    </body>
</html>

運(yùn)行效果:


斜體.png

1.3 下劃線

語(yǔ)法:

<u>下劃線</u>

案例代碼:

<html>
    <head>
        <title>文字的下劃線</title>
    </head>
    <body>
        <u>下劃線</u>
    </body>
</html>

運(yùn)行效果:


下劃線.png

1.4 刪除線

語(yǔ)法:

<strike>刪除線</strike>或<s>刪除線</s>

案例代碼:

<html>
    <head>
        <title>文字的刪除線</title>
    </head>
    <body>
        <strike>文字的刪除線</strike><br/>
        <s>文字的刪除線</s>
    </body>
</html>

運(yùn)行效果:


刪除線.png
  • 2. 上標(biāo)與下標(biāo)

我們?cè)跒g覽網(wǎng)頁(yè)時(shí),有時(shí)會(huì)看到數(shù)字的平方m2,m3,還有在上化學(xué)課時(shí),經(jīng)常會(huì)用到下標(biāo),比如CO2,其中2在O的下方,那么這種效果的文字該如何表示呢?
語(yǔ)法:

<sup>上標(biāo)</sup>
<sub>下標(biāo)</sub>

案例代碼:

<html>
    <head>
        <title>文字的上下標(biāo)</title>
    </head>
    <body>
        m<sup>2</sup><br/>
        CO<sub>2</sub>
    </body>
</html>

運(yùn)行效果:


文字的上標(biāo)與下標(biāo).png
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 標(biāo)簽用于表示一段內(nèi)容的著重點(diǎn) 用于表示一個(gè)內(nèi)容的重要性、 通常em顯示為斜體,而strong顯示為粗體 標(biāo)簽會(huì)使文...
    changzj閱讀 7,355評(píng)論 0 0
  • 一、微文概覽 標(biāo)題字體與字號(hào)顏色 二、詳細(xì)介紹 1. 標(biāo)題 我們?cè)贖TML文件中寫(xiě)一篇文字時(shí),總會(huì)希望將標(biāo)題的文字...
    微學(xué)派閱讀 2,431評(píng)論 7 49
  • 字體屬性:(font) 大?。篺ont-size: x-large;(特大) xx-small;(極小) 一般中文...
    wlki閱讀 328評(píng)論 0 0
  • 本章導(dǎo)航: 1. 介紹 markdown 的基礎(chǔ)知識(shí)與如何編寫(xiě) 。 2. 轉(zhuǎn)換字體。 導(dǎo)言 Markdown 的設(shè)...
    水之心閱讀 2,954評(píng)論 0 16
  • 一、基本元素 標(biāo)題 列表:有序列表、無(wú)序列表,嵌套列表 引用引用文本嵌套引用文本行內(nèi)代碼多行代碼 字體和效果強(qiáng)調(diào):...
    每水閱讀 416評(píng)論 0 2

友情鏈接更多精彩內(nèi)容