目录导航

HTML提供了许多标签(例如HEADBODY)来定义文档的结构和外观。默认情况下,HTML文档以纯文本格式存储,它不包含任何类型的格式。要格式化HTML文档中的文本格式,我们需要使用各种HTML标签。

格式化文本不仅可以增强内容的视觉外观,还可以提高可读性和可理解性。

格式化文档的内容以有组织的方式呈现,这使读者可以轻松区分各种类型的信息。例如,HTML文档中的任何重要信息都可以包含在BI标签之间,以使其分别以粗体或斜体显示。

有时,您可能需要突出显示,标记或强调某些重要或技术术语,以将其与常规文本内容区分开。HTML提供了MARKEM标签,以突出显示和强调文本内容。

HTML文本格式标签

HTML提供了一组标记,以通过应用各种格式设置功能来更改文本的外观,例如粗体,斜体,下标和上标。 这些HTML标记与开始和结束标记一起使用。

HTML文本格式示例

以下示例显示了HTML文本格式的使用,此处的开始标记<I>表示斜体文本的开始,结束标记</I>标记斜体文本的结束:

<I> 这行文本为斜体 </I>

通常,HTML格式标记分为以下两类:

HTML粗体和强文本格式

HTML <b><strong>标记用于在HTML中定义粗体和重要文本。以下示例显示了如何格式化HTML文档中的文本:

<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8">
    <title>HTML教程</title>
    <meta name="author" content="xntutor.com" />
</head>
<body>
    <h2>HTML格式化文本例</h2>            
    <p>这是一个<b>粗体 (非重要)</b> 和 
    <strong>粗体(重要)</strong> 使用 b 和 strong 标签</p>
</body>
</html>

在浏览器中打开上面代码文件,显示结果如下:

HTML斜体和强调文本格式

HTML <i><em>标记用于定义HTML中的斜体和强调文本。下面是一个使用iem标记显示如何格式化HTML文档中文本的示例:

<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8">
    <title>HTML教程</title>
    <meta name="author" content="xntutor.com" />
</head>
<body>
    <h2>HTML格式化文本例</h2>            
    <p>这是一个<i>斜体 (非重要)</i> 和 
    <em>斜体(重要)</em> 使用 i 和 em 标签</p>
</body>
</html>

重要:使用<strong><em>将文本指定为重要文本,使用<b><i>标签指定文本为粗体和斜体。

在浏览器中打开上面代码文件,显示结果如下:
HTML斜体和强调文本格式

HTML SMALL文本格式

HTML <small>标记用于在HTML中定义小文本。下面是一个使用small标签的示例,用于显示如何设置文本格式:

<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8">
    <title>HTML教程</title>
    <meta name="author" content="xntutor.com" />
</head>
<body>
    <h2>HTML格式化文本例</h2>            
    <p>这是一个 <small>small标签</small>  文本</p>
</body>
</html>

在浏览器中打开上面代码文件,显示结果如下:
SMALL文本格式

HTML mark文本格式

HTML <mark>标记用于在HTML中定义标记的文本。 下面是HTML中的文本格式示例:

<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8">
    <title>HTML教程</title>
    <meta name="author" content="xntutor.com" />
</head>
<body>
    <h2>HTML格式化文本例</h2>            
    <p>这是一个 <mark>mark标签</mark> 文本</p>
</body>
</html>

在浏览器中打开上面代码文件,显示结果如下:
mark文本格式

HTML删除的文本格式

HTML <del>标记用于定义HTML中已删除的文本。 下面是HTML中的文本格式示例:

<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8">
    <title>HTML教程</title>
    <meta name="author" content="xntutor.com" />
</head>
<body>
    <h2>HTML格式化文本例</h2>            
    <p>这是一个 <del>del标签</del> 文本</p>
</body>
</html>

在浏览器中打开上面代码文件,显示结果如下:

HTML删除的文本格式

HTML插入的文本格式

HTML <ins>标记用于定义HTML中插入的文本。下面是使用ins标记的HTML文本格式的示例:

<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8">
    <title>HTML教程</title>
    <meta name="author" content="xntutor.com" />
</head>
<body>
    <h2>HTML格式化文本例</h2>            
    <p>这是一个 <ins>ins标签</ins> 文本</p>
</body>
</html>

在浏览器中打开上面代码文件,显示结果如下:

HTML SUBSCRIPT文本格式

HTML <sub>标记用于在HTML中定义带下标的文本。以下是使用sub标签设置HTML文本格式的示例:

<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8">
    <title>HTML教程</title>
    <meta name="author" content="xntutor.com" />
</head>
<body>
    <h2>HTML格式化文本例</h2>            
    <p>这是一个 <sub>sub下标标签</sub> 文本</p>
</body>
</html>

在浏览器中打开上面代码文件,显示结果如下:

HTML SUPERSCRIPT文本格式

HTML <sup>标记用于在HTML中定义上标文本。下面是一个使用sup标签来格式化HTML文本的示例:

<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8">
    <title>HTML教程</title>
    <meta name="author" content="xntutor.com" />
</head>
<body>
    <h2>HTML格式化文本例</h2>            
    <p>这是一个 <sup>sup上标标签</sup> 文本</p>
</body>
</html>

在浏览器中打开上面代码文件,显示结果如下:

sup上标标签