html文本格式化标签

最新推荐文章于 2025-04-09 16:36:11 发布

wwwarewow

最新推荐文章于 2025-04-09 16:36:11 发布

阅读量1.5k

点赞数

分类专栏：前端 CSS 文章标签： html 前端

本文链接：https://blog.csdn.net/JSPSEO/article/details/125904901

版权

本文介绍了HTML中常用的文本格式化标签，包括粗体、斜体、中划线、下划线、上标、下标、大字号和小字号标签的使用方法及注意事项。建议使用和等语义化标签，避免使用<s>和<big>等不推荐的标签。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在网页中，有时需要为文字设置粗体、斜体、下划线或上下标等效果，这时就需要用到 HTML 中的文本格式化标签(也叫文本标签)。

常用文本格式化标签

名称	标签
粗体标签	strong(推荐)、b
斜体标签	em(推荐)、i、cite
中划线标签	del(推荐)、s
下划线标签	ins(推荐)、u
上标标签	sup
下标标签	sub
大字号标签	big
小子号标签	small

一、粗体标签

粗体标签顾名思义，就是文字加粗。Html粗体标签有两种，一个是，一个是,两种标签用法上都没有区别，浏览器都支持这两种标签。

下面看一个例子

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>4.4 文本格式化标签</title>
    </head>
    <body>
        <h2>木兰花·拟古决绝词</h2>
        <p>人生若只如<b>初见</b>，何事<strong>秋风</strong>悲画扇。</p>
        <p>等闲变却故人心，却道故人心易变。</p>
        <p>骊山语罢清宵半，泪雨零铃终不怨。</p>
        <p>何如薄幸锦衣郎，比翼连枝当日愿。</p>
    </body>
</html>

运行浏览器后得到的效果如图

附加说明：标签更加符合新的HTML标准的要求，标签却渐渐被淘汰，所有建议大家尽量使用标签来给文字加粗。

二、斜体标签

标签、、<cite>标签显示斜体文本效果。它告诉浏览器将包含其中的文本以斜体字（italic）或者倾斜（oblique）字体显示。

斜体标签在文档中的应用

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>4.4 文本格式化标签</title>
    </head>
    <body>
        &

最低0.47元/天解锁文章