七、HTML 文本格式化

一、HTML 文本格式化

加粗文本
斜体文本
电脑自动输出
这是 下标 和 上标

    
    




    加粗文本


    斜体文本


    电脑自动输出


    这是  下标 和  上标

运行结果：

 

二、HTML 格式化标签

• HTML 使用标签 ("bold") 与 ("italic") 对输出的文本进行格式, 如：粗体 or 斜体
• 这些HTML标签被称为格式化标签（请查看底部完整标签参考手册）。
•  通常标签 替换加粗标签 来使用
•   替换斜体 标签使用。
• 然而，这些标签的含义是不同的：
• 与 定义粗体或斜体文本。
• 或者 意味着你要呈现的文本是重要的，所以要突出显示。现今所有主要浏览器都能渲染各种效果的字体。不过，未来浏览器可能会支持更好的渲染效果。

三、实例

1、文本格式化

        此例演示如何在一个 HTML 文件中对文本进行格式化

    
    




    这个文本是加粗的

    


    这个文本是加粗的

    


    这个文本字体放大

    


    这个文本是斜体的

    


    这个文本是斜体的

    


    这个文本是缩小的

    


    这个文本包含
    下标

    


    这个文本包含
    上标

 运行结果：

2、预格式文本

        此例演示如何使用 pre 标签对空行和空格进行控制。

    
    




    
        此例演示如何使用 pre 标签
        对空行和    空格
        进行控制
    

运行结果：

 

 3、"计算机输出"标签

        此例演示不同的"计算机输出"标签的显示效果。

    
    




    计算机输出
    

    键盘输入
    

    打字机文本
    

    计算机代码样本
    

    计算机变量
    


    

        注释：这些标签常用于显示计算机/编程代码。
    

运行结果：

 

 4、如何在HTML 文件中写地址

        此例演示如何在 HTML 文件中写地址。

    
    




    

        Written by Jon Doe.

        Visit us at:

        Example.com

        Box 564, Disneyland

        USA
    

运行结果：

 

 5、缩写和首字母缩写

        此例演示如何实现缩写或首字母缩写。

    
    




    etc.
    

    WWW

    
在某些浏览器中，当您把鼠标移至缩略词语上时，title 可用于展示表达的完整版本。

    
仅对于 IE 5 中的 acronym 元素有效。

    
对于 Netscape 6.2 中的 abbr 和 acronym 元素都有效。

运行结果：

注：当把鼠标放到etc和WWW缩略词语上时会显示完整的title内容：

etcetera

World Wide Web

6、文字方向

        此例演示如何改变文字的方向。

    
    




    
该段落文字从左到右显示。
    
该段落文字从右到左显示。

运行结果：

 7、块引用

        此例演示如何实现长短不一的引用语。

    
    




    
WWF's goal is to:
        Build a future where people live in harmony with nature.
        We hope they succeed.
    

运行结果：

 直接引用一段话

 8、删除字效果和插入字效果

        此例演示如何标记删除文本和插入文本。

    
    




    
My favorite color is blue red!

 运行结果：