html文本标签

作者：一杯酒悲痛人发布日期:2026-05-30 浏览:40

<!-- HTML 文本标签示例 -->

<!DOCTYPE html>
<html>
<head>
    <title>HTML 文本标签示例</title>
</head>
<body>

    <!-- 强调文本 -->
    <p>这是一个<strong>加粗</strong>的文本。</p>
    <p>这是一个<em>斜体</em>的文本。</p>

    <!-- 上标和下标 -->
    <p>水的化学式是 H<sub>2</sub>O。</p>
    <p>E = mc<sup>2</sup> 是爱因斯坦的质能方程。</p>

    <!-- 删除线 -->
    <p>这件商品原价是<del>100元</del>，现在特价是<ins>80元</ins>。</p>

    <!-- 引用 -->
    <p>根据世界卫生组织的说法：<q>健康不仅仅是没有疾病或虚弱，而是身体、心理和社会适应的完好状态。</q></p>

    <!-- 代码块 -->
    <p>以下是一个简单的 Python 代码示例：</p>
    <code>
        print("Hello, World!")
    </code>

    <!-- 预格式化文本 -->
    <pre>
        这是一个预格式化文本，
        它保留了原有的空格和换行。
    </pre>

</body>
</html>

解释说明：

<strong>：用于定义重要的文本，通常显示为加粗。
<em>：用于定义强调的文本，通常显示为斜体。
<sub>：用于定义下标文本。
<sup>：用于定义上标文本。
<del>：用于定义已删除的文本，通常显示为删除线。
<ins>：用于定义已插入的文本，通常显示为下划线。
<q>：用于定义短引用，浏览器通常会在两端加上引号。
<code>：用于定义计算机代码文本，通常使用等宽字体。
<pre>：用于定义预格式化文本，保留原有的空格和换行。

上一篇：html怎么注释

下一篇：40个常见的html标签及含义