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 分钟前
【机器学习笔记Ⅰ】3 代价函数
人工智能·笔记·机器学习
ZZZS05162 分钟前
stack栈练习
c++·笔记·学习·算法·动态规划
位东风25 分钟前
【c++学习记录】状态模式,实现一个登陆功能
c++·学习·状态模式
Star Curry34 分钟前
【新手小白的嵌入式学习之路】-STM32的学习_GPIO 8种模式学习心得
stm32·嵌入式硬件·学习
AI视觉网奇2 小时前
rag学习笔记
笔记·学习
一天睡25小时2 小时前
一款减轻前端图片命名工作量的图片转换器
前端·javascript·html
梅纳德3 小时前
如何发现一个网站的全部页面?7种方法
html
Feliz Da Vida3 小时前
[代码学习] c++ 通过H矩阵快速生成图像对应的mask
c++·学习
teeeeeeemo4 小时前
http和https的区别
开发语言·网络·笔记·网络协议·http·https
wuxuanok4 小时前
Web后端开发-Mybatis
java·开发语言·笔记·学习·mybatis