Web网页设计·HTML篇（2）·排版标签

最新推荐文章于 2024-09-18 18:07:17 发布

李二。

最新推荐文章于 2024-09-18 18:07:17 发布

阅读量926

点赞数 7

文章标签： html 前端

本文链接：https://blog.csdn.net/s1316339343/article/details/137356674

版权

本文详细介绍了HTML中的各种排版标签，包括等级标题标签h1-h6（用于分级标题），段落标签p（区分段落），换行标签br（强制换行），水平线标签hr（分割文档），以及文本格式化标签strong、em、del和ins，帮助理解如何优化网页内容呈现。

摘要由CSDN通过智能技术生成

这章我们学习排版标签，顾名思义，就是对网页格式、内容进行排版，让文字看起来更加整齐。

1.标题标签

<body>
    <h1></h1>
    <h2></h2>
    <h3></h3>
    <h4></h4>
    <h5></h5>
    <h6></h6>
</body>

演示图

h1~h6标签主要用于对文档文字标题进行等级排版，为了突出与明显，字体会随着等级的递减而变细，字号变小。

主要特点有：1.双标签2.文本都有加粗3.文字都有变大4.独占一行

<body>
    <!-- 未加p标签演示 -->
    csdn博主:李二
    csdn博主:李二
    <!-- 加p标签演示 -->
    <p>csdn博主:李二</p>
    <p>csdn博主:李二</p>
</body>

演示图

p标签主要用于对文档段落的编辑，如果无p标签直接输入会使文字排到一行（与下个换行标签不同的是，p标签形成一个段落，而br仅仅是换行）

主要特点有：1.双标签2.独占一行3.段落之间存在间隙

<body>
    <!-- 未加br标签演示 -->
    csdn博主:李二
    csdn博主:李二
    <!-- 加br标签演示 -->
    <br>
    csdn博主:李二<br>
    csdn博主:李二
</body>

演示图

换行标签主要用于文本的换行，使两段文字强制拆分换行

主要特点有：1.单标签

<body>
    csdn博主:李二
    <hr>
    csdn博主:李二
</body>

演示图

hr标签主要用于文档之间文字的分割，主要用横线来显示，可通过宽度高度来更改横线形状

主要特点：1.单标签

<body>
    <!-- 未加strong标签演示 -->
    csdn博主:李二
    <!-- 加strong标签演示 -->
    <strong>csdn博主:李二</strong>
</body>

演示图

<body>
    <!-- 未加em标签演示 -->
    csdn博主:李二
    <!-- 加em标签演示 -->
    <em>csdn博主:李二</em>
</body>

演示图

<body>
    <!-- 未加del标签演示 -->
    csdn博主:李二
    <!-- 加del标签演示 -->
    <del>csdn博主:李二</del>
</body>

演示图

<body>
    <!-- 未加ins标签演示 -->
    csdn博主:李二
    <!-- 加ins标签演示 -->
    <ins>csdn博主:李二</ins>
</body>

演示图

关注