HTML中对文本的各种修饰

在HTML中需要对文本进行很多的处理如:加粗,加大,缩小等操作

<b>	定义粗体文本。
<big>	定义大号字。
<em>	定义着重文字。
<i>	定义斜体字。
<small>	定义小号字。
<strong>	定义加重语气。
<sub>	定义下标字。
<sup>	定义上标字。
<ins>	定义插入字。
<del>	定义删除字。
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>html学习之路</title>
    </head>
    <body style="background-color: brown">
        <b> 粗体 this text is bold</b>
        <br/>
        <big> 大号字 This text is big</big>
        <br/>
        <em> 着重文字 This text is emphasized</em>
        <br/>
        <i> 斜体字 This text is italic</i>
        <br/>
        <small> 小号字 This text is small</small>
        <br/>
        <strong> 加重语气This text is strong</strong>
        <br/>
        <b>展示下标字</b>
        <sub>下标字</sub>
        <b>展示上标字</b>
        <sup>上标字</sup>
        <br/>
        <ins>插入文字</ins>
        <br/>
        <del>删除字</del>
        <br/>

    </body>
</html>

效果如下:(很多很迷的操作。。)
	定义粗体文本。	定义大号字。	定义着重文字。	定义斜体字。	定义小号字。	定义加重语气。	定义下标字。	定义上标字。	定义插入字。	定义删除字。

看下另一个:

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>html学习之路</title>
    </head>
    <body>
        <b>加粗标签是b</b>
        <br/>
        <strong>加重语气strong,这个也很迷惑啊,和加粗没区别?</strong>
        <br/>
        <big>大号字体是big,好像已经不让用了</big>
        <br/>
        <em>着重文字虽然没看懂哪里着重了和i一样的 标签em</em>
        <br/>
        <i>着重文字虽然没看懂哪里着重了斜体字,这个和着重貌似差不多啊 标签i</i>
        <br/>
        <small><i>小写字体small这个不用多说了</i></small>
        <br/>

        <p>测试下标字<sub>这个是下标字sub,对应的是上标字sup</sub></p>
        <br/>
        <p>测试上标字<sup>上标字sup,对应的是下标字sub</sup></p>
        <br/>
        <ins>插入字?实际应该是有一个横线吧 标签是ins</ins>
        <br/>
        <del>删除线,在一段文字上画横线 标签del</del>


    </body>
</html>

在这里插入图片描述

发布了12 篇原创文章 · 获赞 1 · 访问量 291

猜你喜欢

转载自blog.csdn.net/qq_44309046/article/details/104102503