HTML带格式作用的标签

1.文本格式化

<b> <strong> <em> <big> <small> <sub> <sup>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=\, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Format</title>
</head>
<body>
    <B> 加粗 </B>
    <br/>

    <strong> 另一种加粗</strong>
    <br/>

    <U> 底线 </U>
    <br/>

    <big>大号字体</big>
    <br/>

    <em> 强调字体</em>
    <br/>

    <i> 斜体</i>
    <br/>

    <small>小号字体</small>
    <br/>

    "
        This text contains
    "
    <sub>下标</sub>
    <br/>

    "
        This text contains
    "
    <sup>上标</sup>
    <br/>

    <div id="HUABAN_WIDGETS">_</div>



</body>
</html>

2.预格式文本<pre>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>预格式文本</title>
</head>
<body>
    <h1> 下面是一段javascript代码</h1>
    <pre>
        var a="";
        a="Hello World";
        alter(a);
    </pre>
</body>
</html>

3.引用<blockquote> 在页面元素里如果有知道他是引用就可以

4.删除线

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <h1> 删除线</h1>
    <p>我有一双美丽的
        <del>大眼睛</del>
        <ins>请填空</ins>
    </p>

    <p>哈哈哈
    </p>
</body>
</html>

扫描二维码关注公众号,回复: 6643525 查看本文章

猜你喜欢

转载自blog.csdn.net/qq_40354578/article/details/93518360