文本格式
将文本加粗、设置为斜体或添加下划线
文本格式 是 CoddyKit 上的免费 HTML for Kids 课时。 这是第 4 节课，共 4 节。 你可以在下方免费阅读本课时的完整内容 — 然后在浏览器中使用内置代码编辑器和全天候 AI 导师进行实践。 这是 HTML for Kids 学习路径的一部分，你的进度在网页和 CoddyKit 应用中同步。 HTML for Kids 课程共包含 4 节课。
文本格式设置
欢迎来到下一课！今天，我们将学习如何在 HTML 中设置文本格式，让文本变为粗体、斜体、带下划线等。让我们开始吧！
为什么要设置文本格式？
文本格式设置可以帮助您：
- 强调重要信息。
- 让网页更易于阅读。
- 增强内容的视觉吸引力。
让我们探索在 HTML 中设置文本格式的不同方法！
将文本设为粗体
使用 <strong> 或 <b> 标签可以将文本设为粗体。两者的效果相似，但 <strong> 用于表示重要文本。
示例：
<p>This is <strong>important</strong> text.</p>
<p>This is <b>bold</b> text.</p>
将文本设为斜体
使用 <em> 或 <i> 标签可以将文本设为斜体。<em> 用于强调文本，而 <i> 纯粹用于样式设置。
示例：
<p>This is <em>emphasized</em> text.</p>
<p>This is <i>italicized</i> text.</p>
为文本添加下划线
使用 <u> 标签为文本添加下划线。
示例：
<p>This is <u>underlined</u> text.</p>
为文本添加删除线
使用 <del> 或 <s> 标签显示删除线文本。这适合用于标记已删除或不正确的文本。
示例：
<p>This is <del>deleted</del> text.</p>
<p>This is <s>strikethrough</s> text.</p>
组合格式设置
您可以组合多个格式标签，以不同方式设置文本样式。
示例：
<p>This is <strong><em>bold and italicized</em></strong> text.</p>
<p>This is <u><i>underlined and italicized</i></u> text.</p>
亲自试一试
让我们使用格式化文本创建一个网页。下面是一个示例：
<!DOCTYPE html>
<html>
<head>
<title>Text Formatting</title>
</head>
<body>
<h1>Text Formatting Example</h1>
<p>This is <strong>bold</strong> text.</p>
<p>This is <em>italicized</em> text.</p>
<p>This is <u>underlined</u> text.</p>
<p>This is <strong><em>bold and italicized</em></strong> text.</p>
</body>
</html>
做得好！
恭喜您！您已经学会了如何在 HTML 中使用粗体、斜体、下划线和其他样式设置文本格式。文本格式设置有助于强调重要内容并提高可读性。在下一课中，我们将学习编写简洁、有条理的 HTML 的最佳实践。准备好提升您的编程技能吧！
常见问题解答
「文本格式」课时是免费的吗？
是的 — 「文本格式」的完整文本可在网页上免费阅读。要进行交互式练习（内置代码编辑器和全天候 AI 导师）并解锁 HTML for Kids 课程的其余内容，请升级到 CoddyKit PRO。 HTML for Kids 课程共包含 4 节课。
「文本格式」这节课中我会学到什么？
将文本加粗、设置为斜体或添加下划线 你通过在浏览器中直接运行的动手代码来练习 HTML for Kids，全天候 AI 导师会在你学习这节课的过程中回答你的问题。
学习 HTML for Kids 需要有经验吗？
无需任何先前经验。CoddyKit 上的 HTML for Kids 课程适合初学者到高级学习者，你可以从这里开始或从头开始，按照自己的节奏学习。 这是第 4 节课，共 4 节。
「文本格式」课时需要多长时间？
大多数 CoddyKit 课程大约需要 5–10 分钟。每节课都很精短且互动，所以你能稳步进步，并在网页和应用中从离开的地方继续。
我能在这节 HTML for Kids 课中编写并运行代码吗？
能。每节 HTML for Kids 课都包含内置代码编辑器，你可以在浏览器中直接编写并运行真实代码，并获得即时 AI 反馈 — 无需本地设置。