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文本修饰标签

相关推荐
葡萄城技术团队1 天前
所有网站通用:6 行 HTML 代码搞定页面加载提速
html
糖糖TANG1 天前
从零开始制作我的第一个静态网页——教师节主题首页开发记录
html
前端老鹰2 天前
HTML <output> 标签:原生表单结果展示容器,自动关联输入值
前端·html
芦苇Z2 天前
HTML <a> 标签的 rel 属性全解析:安全、隐私与 SEO 最佳实践
前端·html
_落纸2 天前
三大基础无源电子元件——电阻(R)、电感(L)、电容(C)
笔记
Alice-YUE2 天前
【CSS学习笔记3】css特性
前端·css·笔记·html
2303_Alpha2 天前
SpringBoot
笔记·学习
萘柰奈2 天前
Unity学习----【进阶】TextMeshPro学习(三)--进阶知识点(TMP基础设置,材质球相关,两个辅助工具类)
学习·unity
沐矢羽2 天前
Tomcat PUT方法任意写文件漏洞学习
学习·tomcat
好奇龙猫2 天前
日语学习-日语知识点小记-进阶-JLPT-N1阶段蓝宝书,共120语法(10):91-100语法+考え方13
学习