HTML 文本格式化

前言

标签 描述 备注 🔗
<acronym> </acronym> HTML5 不再支持。定义只取首字母的缩写 🔗
<b> </b> 定义粗体文本 🔗
<bdi> </bdi> 允许您设置一段文本,使其脱离其父元素的文本方向设置 H5 新加 🔗
<big> </big> HTML5 不再支持。定义大号文本 🔗
<center> </center> HTML5 不再支持HTML 4.01 已废弃。定义居中文本 🔗
<del> </del> 定义被删除文本 🔗
<em> </em> 定义强调文本 🔗
<font> </font> HTML5 不再支持HTML 4.01 已废弃。定义文本的字体、尺寸和颜色 🔗
<i> </i> 定义斜体文本 🔗
<ins> </ins> 定义被插入文本 🔗
<mark> </mark> 定义带有记号的文本 H5 新加 🔗
<meter> </meter> 定义度量衡。仅用于已知最大和最小值的度量 H5 新加 🔗
<progress> </progress> 定义运行中的任务进度(进程) H5 新加 🔗
<rp> </rp> 定义不支持 ruby 元素的浏览器所显示的内容 H5 新加 🔗
<rt> </rt> 定义字符(中文注音或字符)的解释或发音 H5 新加 🔗
<ruby> </ruby> 定义 ruby 注释(中文注音或字符) H5 新加 🔗
<s> </s> 定义加删除线的文本 🔗
<small> </small> 定义小号文本 🔗
<strike> </strike> HTML5 不再支持HTML 4.01 已废弃。定义加删除线的文本 🔗
<strong> </strong> 定义语气更为强烈的强调文本 🔗
<sub> </sub> 定义下标文本 🔗
<sup> </sup> 定义上标文本 🔗
<time> </time> 定义一个日期/时间 H5 新加 🔗
<tt> </tt> HTML5 不再支持。定义打字机文本 🔗
<u> </u> 定义下划线文本 🔗
<wbr /> 规定在文本中的何处适合添加换行符 H5 新加 🔗
  • HTML 使用标签 <b>(”bold”)与 <i>(”italic”)对输出的文本进行格式, 如:粗体 or 斜体,这些HTML标签被称为格式化标签。

  • 通常标签 <strong> 替换加粗标签 <b> 来使用, <em> 替换 <i> 标签使用,然而,这些标签的含义是不同的:

    • <b><i> 定义粗体或斜体文本。
    • <strong> 或者 <em> 意味着你要呈现的文本是重要的,所以要突出显示。
  • 现今所有主要浏览器都能渲染各种效果的字体。不过,未来浏览器可能会支持更好的渲染效果。

1、实例

  • 实例

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    <!DOCTYPE html>

    <html>

    <head>
    <meta charset="utf-8" />
    <title>Qian Chia 工作室</title>
    </head>

    <body>
    <b>加粗文本</b> <br />

    <i>斜体文本</i> <br />

    <code>电脑自动输出</code> <br />

    <sub>下标</sub>
    <sup>上标</sup>
    </body>

    </html>
  • 效果

2、”计算机输出” 标签

标签 描述 备注 🔗
<code> </code> 定义计算机代码文本 🔗
<kbd> </kbd> 定义键盘文本 🔗
<samp> </samp> 定义计算机代码样本 🔗
<var> </var> 定义文本的变量部分 🔗
<pre> </pre> 定义预格式文本 🔗
  • 使用 <pre> 标签显示代码

    1
    2
    3
    4
    5
    6
    7
    8
    <pre>
    public class HelloWorld {

    public static void main(String[] args) {
    System.out.println("Hello World");
    }
    }
    </pre>
  • 效果

    
      public class HelloWorld {
    
          public static void main(String[] args) {
              System.out.println("Hello World");
          }
      }
      

3、引文, 引用, 及标签定义

标签 描述 备注 🔗
<abbr> </abbr> 定义一个缩写 🔗
<address> </address> 定义文档作者或拥有者的联系信息 🔗
<bdo> </bdo> 定义文本的方向 🔗
<blockquote> </blockquote> 定义块引用 🔗
<q> </q> 定义短的引用 🔗
<cite> </cite> 定义引用 (citation) 🔗
<dfn> </dfn> 定义定义项目 🔗

4、HTML 实例

文章目录
  1. 1. 前言
  2. 2. 1、实例
  3. 3. 2、”计算机输出” 标签
  4. 4. 3、引文, 引用, 及标签定义
  5. 5. 4、HTML 实例
隐藏目录