日韩av黄I国产麻豆传媒I国产91av视频在线观看I日韩一区二区三区在线看I美女国产在线I麻豆视频国产在线观看I成人黄色短片

歡迎訪問(wèn) 生活随笔！

生活随笔

當(dāng)前位置： 首頁(yè) > 前端技术 > HTML >内容正文

HTML

HTML文本格式化标签详解

發(fā)布時(shí)間：2023/12/16 HTML 44 豆豆
生活随笔 收集整理的這篇文章主要介紹了 HTML文本格式化标签详解 小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.

HTML文本格式化標(biāo)簽詳解，主要包括以下標(biāo)簽：b、em、strong、small、i、ins、del、sup、sub、pre、address、abbr、bdo、blockquote、q。

1.<b>：粗體文字

【標(biāo)簽說(shuō)明】：標(biāo)簽<b>用來(lái)表示粗體文字。

【樣例展示】：

<html>
<head>
<meta charset="utf-8">
<title>演示粗體文字效果</title>
</head>
<body>
普通文字效果
<br>
<b>粗體文字效果</b>
</body>
</html>

【輸出結(jié)果】：

2.<em>：著重文字

【標(biāo)簽說(shuō)明】：標(biāo)簽<em>用來(lái)表示著重文字。

【樣例展示】：

<html>
<head>
<meta charset="utf-8">
<title>演示著重文字效果</title>
</head>
<body>
普通文字效果
<br>
<em>著重文字效果</em>
</body>
</html>

【輸出結(jié)果】：

3.<strong>：加重字體

【標(biāo)簽說(shuō)明】：標(biāo)簽<strong>用來(lái)表示加重字體。

【樣例展示】：

<html>
<head>
<meta charset="utf-8">
<title>演示加重文字效果</title>
</head>
<body>
普通文字效果
<br>
<strong>加重文字效果</strong>
</body>
</html>

【輸出結(jié)果】：

?4.<small>：小號(hào)字體

【標(biāo)簽說(shuō)明】：標(biāo)簽<small>用來(lái)表示小號(hào)字體。

【樣例展示】：

?<html>
<head>
<meta charset="utf-8">
<title>演示小號(hào)文字效果</title>
</head>
<body>
普通文字效果
<br>
<small>小號(hào)文字效果</small>
</body>
</html>

【輸出結(jié)果】：

?

?5.<i>：斜體字

【標(biāo)簽說(shuō)明】：標(biāo)簽<i>用來(lái)表示斜體字。

【樣例展示】：

<html>
<head>
<meta charset="utf-8">
<title>演示斜體文字效果</title>
</head>
<body>
普通文字效果
<br>
<i>斜體文字效果</i>
</body>
</html>

【輸出結(jié)果】：

?6.<ins>：插入字

【標(biāo)簽說(shuō)明】：標(biāo)簽<ins>用來(lái)表示插入字。

【樣例展示】：

<html>
<head>
<meta charset="utf-8">
<title>演示插入文字效果</title>
</head>
<body>
普通文字效果
<br>
<ins>插入文字效果</ins>
</body>
</html>

【輸出結(jié)果】：

?

?7.<del>：刪除字

【標(biāo)簽說(shuō)明】：標(biāo)簽<del>用來(lái)表示刪除字。

【樣例展示】：

<html>
<head>
<meta charset="utf-8">
<title>演示刪除文字效果</title>
</head>
<body>
普通文字效果
<br>
<del>刪除文字效果</del>
</body>
</html>

【輸出結(jié)果】：

?8.<sup>：上標(biāo)字

【標(biāo)簽說(shuō)明】：標(biāo)簽<sup>用來(lái)表示上標(biāo)字。

【樣例展示】：

<html>
<head>
<meta charset="utf-8">
<title>演示上標(biāo)文字效果</title>
</head>
<body>
普通文字效果
<sup>上標(biāo)文字效果</sup>
</body>
</html>

【輸出結(jié)果】：

?9.<sub>：下標(biāo)字

【標(biāo)簽說(shuō)明】：標(biāo)簽<sub>用來(lái)表示下標(biāo)字。

【樣例展示】：

<html>
<head>
<meta charset="utf-8">
<title>演示下標(biāo)文字效果</title>
</head>
<body>
普通文字效果
<sub>下標(biāo)文字效果</sub>
</body>
</html>

【輸出結(jié)果】：

?10.<pre>：預(yù)格式化文本

【標(biāo)簽說(shuō)明】：標(biāo)簽<pre>用來(lái)表示預(yù)格式化的文本，標(biāo)簽<pre>包圍的內(nèi)容一般會(huì)保留空格和換行符，該標(biāo)簽經(jīng)常用來(lái)表示計(jì)算機(jī)源代碼。

【樣例展示】：

<html>
<head>
<meta charset="utf-8">
<title>演示預(yù)格式化文字效果</title>
</head>
<body>
普通文字效果
<pre>
開(kāi)始
一個(gè)空格 下方空一行

兩個(gè)空格 ?下方空兩行


結(jié)束
</pre>
普通文字效果
</body>
</html>

【輸出結(jié)果】：

? 11.<address>：地址

【標(biāo)簽說(shuō)明】：標(biāo)簽<address>用來(lái)表示地址信息，一般用來(lái)表示文檔作者或所有者的相關(guān)信息。

【樣例展示】：

<html>
<head>?
<meta charset="utf-8">?
<title>演示地址標(biāo)簽文字效果</title>?
</head>
<body>
<address>
AuthorName:xxxxxxxxxx.<br>?
Mail:xxxxxxxxxx.<br>
Phone:xxxxxxxxxx.<br>
Address:xxxxxxxxxx.<br>
</address>
</body>
</html>

【輸出結(jié)果】：

? 12.<abbr>：縮寫(xiě)

【標(biāo)簽說(shuō)明】：標(biāo)簽<abbr>用來(lái)表示縮寫(xiě)詞，縮寫(xiě)詞的全稱記錄在該標(biāo)簽的title屬性中，把鼠標(biāo)指向該標(biāo)簽包含的縮寫(xiě)詞，則會(huì)顯示出該縮寫(xiě)詞的全稱，即title屬性值內(nèi)容。

【樣例展示】：

<html>
<head>?
<meta charset="utf-8">?
<title>演示縮寫(xiě)標(biāo)簽文字效果</title>?
</head>
<body>
<abbr title="World Health Organization">HTML</abbr>
full name is Hyper Text Markup Language.
</body>
</html>

【輸出結(jié)果】：

13.<bdo>：方向

【標(biāo)簽說(shuō)明】：標(biāo)簽<bdo>用來(lái)指定文字方向，當(dāng)屬性dir值為ltr時(shí)，則文字按原方向從左往右排列，當(dāng)屬性dir值為rtl時(shí)，則文字按反方向從右往左排列。

【樣例展示】：

<html>
<head>?
<meta charset="utf-8">?
<title>演示方向標(biāo)簽文字效果</title>?
</head>
<body>
原文本內(nèi)容：<p>ABCDE</p>
方向標(biāo)簽效果(dir屬性值為rtl)：<p><bdo dir="rtl">ABCDE</bdo></p>
方向標(biāo)簽效果(dir屬性值為ltr)：<p><bdo dir="ltr">ABCDE</bdo></p>
</body>
</html>

【輸出結(jié)果】：

14.<blockquote>：長(zhǎng)引用

【標(biāo)簽說(shuō)明】：標(biāo)簽<blockquote>用來(lái)表示長(zhǎng)引用，該標(biāo)簽包圍的文本會(huì)被單獨(dú)分離出來(lái)，并且文本左右兩邊會(huì)進(jìn)行縮進(jìn)。

【樣例展示】：

<html>
<head>?
<meta charset="utf-8">?
<title>演示長(zhǎng)引用文字效果</title>?
</head>
<body>
普通文字效果：
<p>Hyper Text Markup Language</p>
長(zhǎng)引用文字效果：
<blockquote>
Hyper Text Markup Language
</blockquote>
</body>
</html>

【輸出結(jié)果】：

15.<q>：短引用

【標(biāo)簽說(shuō)明】：標(biāo)簽<q>用來(lái)表示短引用，該標(biāo)簽包圍的文本周圍一般會(huì)被打上引號(hào)。

【樣例展示】：

<html>
<head>?
<meta charset="utf-8">?
<title>演示短引用文字效果</title>?
</head>
<body>
<p>HTML全稱是:
<q>Hyper Text Markup Language</q>
，即超文本標(biāo)記語(yǔ)言。</p>
</body>
</html>

【輸出結(jié)果】：

?

總結(jié)

以上是生活随笔為你收集整理的HTML文本格式化标签详解的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

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