HTML常用标签

最新推荐文章于 2026-01-07 20:49:20 发布

原创最新推荐文章于 2026-01-07 20:49:20 发布 · 138 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html5

- 文本标题（h1-h6）

注:文本标题标签自带加粗，有自己的文本大小，并且独占一行，有默认间距

演示如下图

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1>我是一级</h1>
    <h2>我是二级</h2>
    <h3>我是三级</h3>
    <h4>我是四级</h4>
    <h5>我是五级</h5>
    <h6>我是六级</h6>
</body>
</html>

- 其他标签

2.1标签名字

- 段落文本（p）:标识一个段落（段落与段落之间有段间距）

段落文本内容

- 换行（br）：换行是一个空标记（强制换行）

- 水平线（hr）：空标记

<hr>

- 加粗（推荐strong）

加粗内容 只是显示加粗

强调的内容 突出的文本

- 倾斜（推荐em）

倾斜文本

倾斜文本

- 删除线（推荐del)

- 扩展

文本 下划线

下标

上标

2.2代码展示

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 一级标题 -->
    <h1>大和小</h1>
    <!-- 段落文本 -->
    <p>
        一位朋友谈到他亲戚的姑婆，一生从来没有穿过合脚的鞋子，常穿着巨大的鞋子走来走去。
        <!-- 换行 -->
        <br>儿子晚辈如果问她，她就会说:“大小鞋都是一样的价钱，为什么不买大的?“
    </p>
    <p>
        <!-- 删除线 -->
        <del>每次我转述这个故事，总有一些人笑得岔了气。</del>
    </p>
    <p>
        其实，有生活里我们会看到很多这样的'姑婆'。
        没有什么思想的作家，偏偏写着厚重苦涩的作品;
        没有什么资料的画家，偏偏画着超级巨画;经常不在家的商人，却有十分巨大的家园。
    </p>
    <p>
        许多人不断地追求巨大，其实只是被内在贪欲推动着，就好像买了特大号的鞋子，忘了自己的脚一样。
    </p>
    <p>
        <!-- 加粗 -->
       <strong>不管买什么鞋子，合脚最重要，</strong>
       <!--加粗 倾斜 下划线-->
       <b><em><u>不论追求什么，总要适可而止。</u></em></b> 
    </p>
    <!-- 水平线 -->
    <hr>
</body>
</html>

效果图