HTML基础：h/b/strong/sup/sub/s/u/i/em/hr/pre/p文本标签的简单应用

本文链接：https://blog.csdn.net/Alley_Olive/article/details/125518324

<!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标签，我的字体最大！</h1>
    <h2>我是h2标签，我的字体第二大！</h2>
    <h3>我是h3标签，我的字体第三大！</h3>
    <h4>我是h4标签，我的字体第四大！</h4>
    <h5>我是h5标签，我的字体第五大！</h5>
    <h6>我是h6标签，我的字体最小！</h6>

    <b>我是b标签，具有加粗效果！</b><br/><br/><!--我是换行标签，具有换行效果！-->

    <strong>我是strong标签，具有加粗效果！</strong><br/><br/>

    上标展示：3<sup>10</sup><br/><br/>

    下标展示：9<sub>2</sub><br/><br/>

    <s>我是删除线</s><br/><br/>

    <u>我是下划线</u><br/><br/>

    <i>我是i标签，具有斜体效果！</i><br/><br/>

    <em>我是em标签，具有斜体效果！</em><br/>

    <hr/> <!--我是分隔线标签，自带换行效果，并且多出一条分隔线-->

    <pre>
        我是预格式化标签：
            可以随意展示     文本中的     样式和空格
            啦啦啦啦啦
            但是要注意，预格式化标签不宜使用tab键
    </pre>

    <p>我是p标签，也叫段落标签，可以展示自然段，我需要独占一行</p>

    <p>
        我是p标签：
        貌似不可以随意展示     文本中的     样式和空格
        呜呜呜呜呜
        好难过啊   蓝瘦香菇
    </p>

</body>
</html>

在Google Chrome浏览器中展示效果如下：