html改变文字样式的常用标签

性野喜悲

已于 2023-03-25 16:38:01 修改

阅读量478

点赞数 1

分类专栏： html+css 经验分享文章标签：前端 Powered by 金山文档

于 2023-03-23 23:45:19 首次发布

本文链接：https://blog.csdn.net/leng0920/article/details/129742034

版权

经验分享同时被 2 个专栏收录

149 篇文章 1 订阅

订阅专栏

html+css

113 篇文章 1 订阅

订阅专栏

该文介绍了HTML中用于文本格式化的几个关键标签，包括strong用于加粗和强调内容，em用于倾斜和强调，<del>del</del>用于表示删除线。此外，还提到了其他辅助标签如u（下划线），sub（下标）和sup（上标）的使用。

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

效果图：

代码：

<!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>
    <!-- 推荐使用的标签更利于爬虫识别 -->
    <!-- 文本加粗（推荐strong） -->
    <div>
        <h2>1、文本加粗（推荐strong）</h2>
        <p>
            普通内容
            <strong>strong标签强调内容，突出文本</strong>
        </p>
        <p>
            普通内容
            <b>b标签加粗文本，只是显示加粗</b>
        </p>

    </div>
    <!-- 文本倾斜（推荐em） -->
    <div>
        <h2>2、 文本倾斜（推荐em）</h2>
        普通内容
            <em>em强调内容，倾斜文本</em>
        </p>
        <p>
            普通内容
            <i>i倾斜文本</i>
        </p>
        <p>

    </div>
    <!-- 文本显示删除线（推荐del） -->
    <div>
        <h2>3、文本显示删除线（推荐del）</h2>

        <p>
            普通内容
            <del>del强调添加删除线的内容</del>
        </p>
        <p>
            普通内容
            <s>s给文本添加删除线</s>
        </p>
    </div>
    <!-- 扩展内容 -->
    <div>
        <h2>扩展内容</h2>
    
        <p>
            普通内容
            <u>下划线</u>
        </p>
        <p>
            普通内容
            <sub>下标</sub>
        </p>
        <p>
            普通内容
            <sup>上标</sup>
        </p>
    </div>
</body>
</html>