HTML 教程——HTML文本格式化（八）

HTML 文本格式化

代码示例：

<b>加粗文本</b><br><br>
        <i>斜体文本</i><br><br>
        <code>电脑自动输出</code><br><br>
        这是 <sub> 下标</sub> 这是 <sup> 上标</sup>

浏览器会输出如下结果：

加粗文本

斜体文本

电脑自动输出

这是 _下标 这是 ^上标

HTML 格式化标签

HTML 使用标签 <b>("bold") 与 <i>("italic") 对输出的文本进行格式, 如：粗体 or 斜体

这些HTML标签被称为格式化标签:

标签格式化实例：

上图左边是代码，右边是输出效果预览，把代码贴在下面，大家可以试试：

<!--这是文本格式化
演示如何在一个 HTML 文件中对文本进行格式化-->
    <b>这个文本是加粗的</b>
    <br />
    <strong>这个文本是加粗的</strong>
    <br />
    <big>这个文本字体放大</big>
    <br />
    <em>这个文本是斜体的</em>
    <br />
    <i>这个文本是斜体的</i>

    <br />
    
    <!--预格式文本
演示如何使用 pre 标签对空行和空格进行控制-->
    <pre>
        此例演示如何使用 pre 标签
        对空行和    空格
        进行控制
    </pre>
    
    <br />

    <!--“计算机”输出标签
演示不同的"计算机输出"标签的显示效果-->
    <code>计算机输出</code>
    <br />
    <kbd>键盘输入</kbd>
    <br />
    <tt>打字机文本</tt>
    <br />
    <samp>计算机代码样本</samp>
    <br />
    <var>计算机变量</var>

    <br />
    <br />

    <!--地址
演示如何在 HTML 文件中写地址-->
    <address>
        Written by <a href="mailto:webmaster@example.com">Jon Doe</a>.<br>
        Visit us at:<br>
        Example.com<br>
        Box 564, Disneyland<br>
        USA
    </address>
    
    <br />

    <!--缩写和首字母缩写
演示如何实现缩写或首字母缩写-->
    <abbr title="etcetera">etc.</abbr>
    <br />
    <acronym title="World Wide Web">WWW</acronym>
    <p>在某些浏览器中，当您把鼠标移至缩略词语上时，title 可用于展示表达的完整版本。</p>
    <p>仅对于 IE 5 中的 acronym 元素有效。</p>
    <p>对于 Netscape 6.2 中的 abbr 和 acronym 元素都有效。</p>

    <br />

    <!--文字的方向
演示如何改变文字的方向-->
    <p>该段落文字从左到右显示。</p>
    <p><bdo dir="rtl">该段落文字从右到左显示。</bdo></p>
    <br />
    <!--块引用
演示如何实现长短不一的引用语-->
    <p>WWF's goal is to:
        <q>Build a future where people live in harmony with nature.</q>
        We hope they succeed.
    </p>

    <br />

    <!--删除和插入文字效果
演示如何标记删除文本和插入文本-->
    <p>My favorite color is <del>blue</del> <ins>red</ins>!</p>

HTML 文本格式化标签

HTML "计算机输出" 标签

HTML 引文, 引用, 及标签定义