HTML 文本格式化标签实现程序。


2022年4月15日, Learn eTutorial
2624

有许多可用的标签用于格式化 HTML 页面的文本。以下是可用于文本格式化的标签列表。
1.    <b>…</b> 
<b> 标签用于定义一段文本为粗体,而不带任何特殊重要性。

语法
<b> 这是粗体文本。</b>
 
2.    <strong> …</strong>
它用于描述一个重要的文本,意味着,当文本具有强烈的重要性或紧迫感或严肃性时,应使用<strong.>标签。<b>标签并未为文本传达任何紧迫感或严肃性;它只引起对一段文本的关注,而没有增加重要性。

语法
<strong> 这是非常重要的文本 </strong>

3.    <i>…</i>
<i> 标签用于以斜体格式定义一段文本。<i> 标签常用于表示技术术语、想法、外语短语、分类学名称等。

     语法
<i> 这是斜体文本。 </i>

4.    <em>…</em>
<em> 标签用于定义强调文本。默认情况下,<em> 和 <i> 标签的视觉效果是相同的。但是,它们的语义含义是不同的。<em> 元素提供对其内容的重音强调,而 <i> 元素表示与正常散文分开的文本。

语法
<em> 这是强调的文本。 </em>

5.    <mark>…</mark>
<mark> 标签用于表示应该被标记或高亮显示的文本。
语法
<mark>这是高亮文本 </mark>

6.    <code>…</code>
<code> 标签用于定义一段计算机代码。其内容在浏览器中以默认的等宽字体显示。 

语法
<code> 这是计算机代码 </code>

7.    <small>…</small>
<small> 标签用于定义较小的文本(如版权和其他附注)。

语法
<small> 这是小号文本</small>

8.    <sub>…</sub>
HTML 下标文本可以通过 <sub> 标签定义,它通常出现在正常基线下方半个字符的高度,有时会以较小的字体渲染。例如,在处理水的化学式 H2O 时,数字 2 会被渲染成下标。
语法
这是 <sub> 下标 </sub> 的示例

9.    <sup>…</sup>
HTML 上标文本可以通过 <sup> 标签定义。例如,在处理质能等价方程如 E=mc2 时,数字 2 会被渲染成上标。这种上标文本字体较小,并且基线位置较高。 

语法
这是 <sup> 上标 </sup> 的示例

10.    <del>…</del>
<del> 标签用于表示文档中已删除或擦除的一段文本。它会在被删除的内容上画一条删除线。

语法
 这是 <del>已删除文本</del> 的示例。

11.    <ins>…</ins>
<ins> 标签可以用于与 <del> 标签相反的目的,也就是说,表示已添加到文档中的一段文本。 

语法
这是 <ins>插入文本</ins> 的示例

让我们看一个实现不同 HTML 文本格式化标签的 HTML 程序示例。
 

HTML 源代码

                                          <!DOCTYPE html>
 <html>
<head>
        <title> HTML- TEXT FORMATTING  </title>
</head>
<body>
    <p>This is an example of <b>bold text</b>. </p>
    <p>This is an example of <strong>strongly important text</strong>. </p>
    <p>This is an example of <i>italic text</i>.</p>
    <p>This is an example of <em>emphasized text</em>.</p>
    <p>This is an example of <mark>highlighted text</mark>.</p>
    <p>This is an example of <code>computer code</code>.</p>
    <p>This is an example of <small>smaller text</small>.</p>
    <p>This is an example of <sub>subscript</sub> and <sup>superscript</sup> text.        </p>
  <p>This is an example of <del>deleted text</del>.</p>
    <p>This is an example of <ins>inserted text</ins>.</p><p>
 </body>
</html>   

                                      

输出

HTML