使用 HTML small 标签

介绍

在本实验中，你将学习如何使用 HTML  标签来改变文本的大小。你还将了解如何使用  标签的不同方式以及如何为其应用样式。

注意：你可以在 index.html 中练习编码，并学习如何在 Visual Studio Code 中编写 HTML。请点击右下角的 'Go Live' 以在端口 8080 上运行 Web 服务。然后，你可以刷新 Web 8080 标签以预览网页。

这是一个实验（Guided Lab），提供逐步指导来帮助你学习和实践。请仔细按照说明完成每个步骤，获得实际操作经验。根据历史数据，这是一个初级级别的实验，完成率为 100%。获得了学习者 100% 的好评率。

在你的文本编辑器中创建一个名为 index.html 的 HTML 文件。

将 HTML 样板代码添加到你的文件中。然后，创建一个 <body> 标签，并在其中添加以下代码：

<h1>使用 HTML small 标签</h1>
<p>这是一些我们希望变小的文本：</p>

在  标签内添加  标签，并在其开始和结束标签之间添加一些文本：

<p>这是一些我们希望变小的文本：<small>smaller</small></p>

通过将以下代码复制并粘贴到 <body> 标签内，使用  标签添加法律文本：

<p>这是一些普通文本，但这里有一些 <small>法律文本</small>：</p>
<small>本网站不对任何错误信息或错误负责。请在信任本网站之前仔细阅读。</small>

通过在 <head> 标签内添加以下代码，为  标签应用一些样式：

<style>
  small {
    font-size: smaller;
    color: red;
  }
</style>

通过将以下代码复制并粘贴到 <body> 标签内，使用  标签添加旁注：

<p>这是一些普通文本，但这里有一个关于这段文本的 <small>旁注</small>：</p>

将更改保存到 index.html 文件并在网页浏览器中打开它。你应该会看到对  标签所做的更改。

在本实验中，你学习了如何使用 HTML 的  标签来改变文本的大小以及如何为其应用样式。你还了解了  标签的不同用途，包括用于法律文本、旁注和小字印刷。现在你可以使用  标签为文本添加强调效果，使其更加突出。