![精通HTML+CSS网页开发与制作](https://wfqqreader-1252317822.image.myqcloud.com/cover/895/26793895/b_26793895.jpg)
上QQ阅读APP看书,第一时间看更新
2.5 字体样式标签
在网页中,针对不同的内容可能需要使用不同的字体样式,如重要文本通常以粗体显示,辅助内容可能以斜体显示。HTML中的<b>标签将文字显示为粗体,<em>标签将文字显示为斜体,<strong>标签用于显示需要强调的文字。代码如示例2.5所示。
示例2.5:
![](https://epubservercos.yuewen.com/449AF5/15253390305248006/epubprivate/OEBPS/Images/Figure-T24_19607.jpg?sign=1739288173-xSAFT7jSaNTIyIDL8E3cC2UavhinM9LS-0-56b0d817889d3e56393c463331b69d52)
在浏览器中的效果如图2.5所示。
![](https://epubservercos.yuewen.com/449AF5/15253390305248006/epubprivate/OEBPS/Images/Figure-P24_12074.jpg?sign=1739288173-hqiRQBmAFV0rfYQpRrMrQYv8eC0YWR0d-0-f00125582c56f85c0068ba5e87eab19a)
图2.5 字体样式标签
在HTML中用<sup>标签实现上标文字,用<sub>标签实现下标文字。<sup>和<sub>都是双标签,放在开始标签和结束标签之间的文本会分别以上标或下标形式出现。代码如示例2.6所示。
示例2.6:
![](https://epubservercos.yuewen.com/449AF5/15253390305248006/epubprivate/OEBPS/Images/Figure-T24_33272.jpg?sign=1739288173-szhNJ3JWEkm8raqoAsiZN0qEYOgBXSld-0-02629909ed8edb28d9514d2c33c2c734)
在浏览器中的效果如图2.6所示。
![](https://epubservercos.yuewen.com/449AF5/15253390305248006/epubprivate/OEBPS/Images/Figure-P25_19609.jpg?sign=1739288173-UTf3HYe9LgqWp91TYXAe6algMQFVqzg4-0-737f52c5e97a05b4accfa04a3fc9b96c)
图2.6 上标和下标标签