HTML 学习笔记(六)文本修饰标签

b标签和strong标签均能加粗文本,但后者语义强化更强,表示该文本比较重要
比如盲人朋友在使用阅读器阅读页面时strong会重读,b标签则没有这个功能

html 复制代码
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
    </head>
    <body>
        <!--b标签和strong标签均能加粗文本,但后者语义强化更强,表示该文本比较重要
        比如盲人朋友在使用阅读器阅读页面时strong会重读,b标签则没有这个功能-->
        <b>这是一个b标签<br></b>
        <strong>这是一个strong标签</strong>
        <p>这是一个p标签</p>

    </body>
</html>


文本倾斜效果使用i标签和em标签实现:

html 复制代码
<i>这是一个倾斜标签<br></i>
<em>这是一个强调倾斜标签<br></em>


删除线效果应用s和del标签实现:

html 复制代码
<s>这是s标签</s><br>
<del>这是del标签</del> <!--HTML5已经不再支持s标签了,所以建议使用del标签-->

下划线效果通过u标签实现:

html 复制代码
<u>这是u标签</u>


角标由sup(上)和sub(下)标签实现:

html 复制代码
<p> 今天天气温度为:-1<sup>o</sup>C </p>
<p> 水的分子式: H<sub>2</sub>O </p>

更多文本修饰标签参考:HTML文本修饰标签

相关推荐
WDeLiang40 分钟前
Flask学习笔记 - 模板渲染
笔记·学习·flask
明月清了个风1 小时前
数据结构与算法学习笔记----贪心区间问题
笔记·学习·算法·贪心算法
因为奋斗超太帅啦1 小时前
MySQL学习笔记(一)——MySQL下载安装配置
笔记·学习·mysql
aoxiang_ywj2 小时前
【Linux】内核驱动学习笔记(二)
linux·笔记·学习
WhyNot?2 小时前
深度学习入门(三):神经网络的学习
深度学习·神经网络·学习
Moonnnn.2 小时前
运算放大器(五)电压比较器
笔记·学习·硬件工程
KangkangLoveNLP4 小时前
手动实现一个迷你Llama:使用SentencePiece实现自己的tokenizer
人工智能·深度学习·学习·算法·transformer·llama
kfepiza4 小时前
`accept_ra` 和 `autoconf` 和 `forwarding` 的关系 笔记250404
linux·网络·笔记·tcp/ip·智能路由器·ip·tcp
浪淘沙jkp4 小时前
大模型学习二:DeepSeek R1+蒸馏模型组本地部署与调用
学习·deepseek
kfepiza4 小时前
Debian编译安装mysql8.0.41源码包 笔记250401
数据库·笔记·mysql·debian·database