HTML 零基础教程：超详细文本格式化指南
网页上的文本不仅仅是黑色的文字！HTML 提供了强大的标签集，不仅能改变文字的外观（比如粗体、斜体），更重要的是能赋予文本语义，告诉浏览器和搜索引擎这段文字的真正意义和重要性。
掌握这些标签，是写出高质量、高可读性网页内容的第一步！
核心概念：语义化 vs. 样式化
在 HTML5 中，我们强烈推荐使用语义化标签。
一、 核心语义化标签（推荐优先使用！）
这些标签能清晰地表达文本的意图，对搜索引擎优化（SEO）和无障碍访问至关重要。
二、 代码和引用类格式化
在技术博客中，这组标签可以帮助您清晰地展示代码和用户输入。
function hello() {
alert("Hello!");
}
|
三、 呈现类和特殊格式
这些标签主要用于改变文本的视觉样式，或者标记一些特殊的文本类型。
完整的 HTML 示例代码
这是一个包含所有常用格式化标签的完整 HTML 结构，您可以在您的浏览器中尝试运行它：
HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML 文本格式化示例</title>
</head>
<body>
<h1>文本格式化演示</h1>
<p>
<strong>【重要提醒】</strong>这篇文章是关于 <em>HTML 文本格式化</em> 的基础教程。
</p>
<p>
我曾以为价格是 <del>¥199</del>，但今天发现价格是 <ins>¥99</ins>！真是太棒了！
</p>
<p>
水的化学公式是 H<sub>2</sub>O，而数学公式中的 $X^2$ 用 2<sup></sup> 表示。
</p>
<h2>代码示例</h2>
<p>
在命令行中，你需要按 <kbd>Enter</kbd> 键来执行命令。
程序输出的结果应该是：<samp>操作成功</samp>。
</p>
<h3>预格式化代码块</h3>
<pre>
def greet(name):
return "Hello, " + name
</pre>
</body>
</html>文章作者：樱羽雨奈
文章链接：https://www.xiyung.cn/archives/html-2
版权声明：本博客所有文章除特别声明外，均采用CC BY-NC-SA 4.0 许可协议，转载请注明出处！