HTML文本格式化标签详解
HTML文本格式化標簽詳解，主要包括以下標簽：b、em、strong、small、i、ins、del、sup、sub、pre、address、abbr、bdo、blockquote、q。
1.<b>：粗體文字
【標簽說明】：標簽<b>用來表示粗體文字。
【樣例展示】：
<html>
<head>
<meta charset="utf-8">
<title>演示粗體文字效果</title>
</head>
<body>
普通文字效果
<br>
<b>粗體文字效果</b>
</body>
</html>
【輸出結果】：
2.<em>：著重文字
【標簽說明】：標簽<em>用來表示著重文字。
【樣例展示】：
<html>
<head>
<meta charset="utf-8">
<title>演示著重文字效果</title>
</head>
<body>
普通文字效果
<br>
<em>著重文字效果</em>
</body>
</html>
【輸出結果】：
3.<strong>：加重字體
【標簽說明】：標簽<strong>用來表示加重字體。
【樣例展示】：
<html>
<head>
<meta charset="utf-8">
<title>演示加重文字效果</title>
</head>
<body>
普通文字效果
<br>
<strong>加重文字效果</strong>
</body>
</html>
【輸出結果】：
?4.<small>：小號字體
【標簽說明】：標簽<small>用來表示小號字體。
【樣例展示】：
?<html>
<head>
<meta charset="utf-8">
<title>演示小號文字效果</title>
</head>
<body>
普通文字效果
<br>
<small>小號文字效果</small>
</body>
</html>
【輸出結果】：
?
?5.<i>：斜體字
【標簽說明】：標簽<i>用來表示斜體字。
【樣例展示】：
<html>
<head>
<meta charset="utf-8">
<title>演示斜體文字效果</title>
</head>
<body>
普通文字效果
<br>
<i>斜體文字效果</i>
</body>
</html>
【輸出結果】：
?6.<ins>：插入字
【標簽說明】：標簽<ins>用來表示插入字。
【樣例展示】：
<html>
<head>
<meta charset="utf-8">
<title>演示插入文字效果</title>
</head>
<body>
普通文字效果
<br>
<ins>插入文字效果</ins>
</body>
</html>
【輸出結果】：
?
?7.<del>：刪除字
【標簽說明】：標簽<del>用來表示刪除字。
【樣例展示】：
<html>
<head>
<meta charset="utf-8">
<title>演示刪除文字效果</title>
</head>
<body>
普通文字效果
<br>
<del>刪除文字效果</del>
</body>
</html>
【輸出結果】：
?8.<sup>：上標字
【標簽說明】：標簽<sup>用來表示上標字。
【樣例展示】：
<html>
<head>
<meta charset="utf-8">
<title>演示上標文字效果</title>
</head>
<body>
普通文字效果
<sup>上標文字效果</sup>
</body>
</html>
【輸出結果】：
?9.<sub>：下標字
【標簽說明】：標簽<sub>用來表示下標字。
【樣例展示】：
<html>
<head>
<meta charset="utf-8">
<title>演示下標文字效果</title>
</head>
<body>
普通文字效果
<sub>下標文字效果</sub>
</body>
</html>
【輸出結果】：
?10.<pre>：預格式化文本
【標簽說明】：標簽<pre>用來表示預格式化的文本，標簽<pre>包圍的內容一般會保留空格和換行符，該標簽經常用來表示計算機源代碼。
【樣例展示】：
<html>
<head>
<meta charset="utf-8">
<title>演示預格式化文字效果</title>
</head>
<body>
普通文字效果
<pre>
開始
一個空格 下方空一行
兩個空格 ?下方空兩行
結束
</pre>
普通文字效果
</body>
</html>
【輸出結果】：
? 11.<address>：地址
【標簽說明】：標簽<address>用來表示地址信息，一般用來表示文檔作者或所有者的相關信息。
【樣例展示】：
<html>
<head>?
<meta charset="utf-8">?
<title>演示地址標簽文字效果</title>?
</head>
<body>
<address>
AuthorName:xxxxxxxxxx.<br>?
Mail:xxxxxxxxxx.<br>
Phone:xxxxxxxxxx.<br>
Address:xxxxxxxxxx.<br>
</address>
</body>
</html>
【輸出結果】：
? 12.<abbr>：縮寫
【標簽說明】：標簽<abbr>用來表示縮寫詞，縮寫詞的全稱記錄在該標簽的title屬性中，把鼠標指向該標簽包含的縮寫詞，則會顯示出該縮寫詞的全稱，即title屬性值內容。
【樣例展示】：
<html>
<head>?
<meta charset="utf-8">?
<title>演示縮寫標簽文字效果</title>?
</head>
<body>
<abbr title="World Health Organization">HTML</abbr>
full name is Hyper Text Markup Language.
</body>
</html>
【輸出結果】：
13.<bdo>：方向
【標簽說明】：標簽<bdo>用來指定文字方向，當屬性dir值為ltr時，則文字按原方向從左往右排列，當屬性dir值為rtl時，則文字按反方向從右往左排列。
【樣例展示】：
<html>
<head>?
<meta charset="utf-8">?
<title>演示方向標簽文字效果</title>?
</head>
<body>
原文本內容：<p>ABCDE</p>
方向標簽效果(dir屬性值為rtl)：<p><bdo dir="rtl">ABCDE</bdo></p>
方向標簽效果(dir屬性值為ltr)：<p><bdo dir="ltr">ABCDE</bdo></p>
</body>
</html>
【輸出結果】：
14.<blockquote>：長引用
【標簽說明】：標簽<blockquote>用來表示長引用，該標簽包圍的文本會被單獨分離出來，并且文本左右兩邊會進行縮進。
【樣例展示】：
<html>
<head>?
<meta charset="utf-8">?
<title>演示長引用文字效果</title>?
</head>
<body>
普通文字效果：
<p>Hyper Text Markup Language</p>
長引用文字效果：
<blockquote>
Hyper Text Markup Language
</blockquote>
</body>
</html>
【輸出結果】：
15.<q>：短引用
【標簽說明】：標簽<q>用來表示短引用，該標簽包圍的文本周圍一般會被打上引號。
【樣例展示】：
<html>
<head>?
<meta charset="utf-8">?
<title>演示短引用文字效果</title>?
</head>
<body>
<p>HTML全稱是:
<q>Hyper Text Markup Language</q>
，即超文本標記語言。</p>
</body>
</html>
【輸出結果】：
?
總結
以上是生活随笔為你收集整理的HTML文本格式化标签详解的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： if 条件结构与switch条件选择结构
- 下一篇： 2017年html5行业报告,云适配发布