<!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>
<!--
1.加粗标签
作用:对文本实现加粗效果
语法:<b>文本</b> <strong>文本</strong>
区别:后者更加 具有语义话
<b>柠檬养乐多</b>
<strong>柠檬养乐多 </strong>
2.倾斜标签
作用:对文本实现倾斜效果
语法:<i>文本</i> <em>文本</em> <var>文本</var>
区别:em更具语义化
<var>柠檬养乐多</var>
<i>柠檬养乐多</i>
<em>柠檬养乐多</em>
3.下划线标签
作用:为文本添加下划线修饰
语法:<u>文本</u>
<u>柠檬养乐多</u>
4.标签嵌套:一层包裹一层
实现加粗倾斜下划线混合出现 两个效果及以上
标签嵌套的时候一般遵循的时候:合理层级嵌套(<u><b></b></u> 等价于<b><u></u></b>)
不能出现交叉嵌套(<u><b></u></b>)
5.角标标签:
上角标
语法:<sup>数值</sup>
下角标
语法:<sub>数值</sub>
6.删除线
作用:给文本添加删除线修饰
语法:<s>文本</s> <del>文本</del>
区别: