![精通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=1739413854-ujGEJVJAdRMra6wqM3AU8WKfF1HzTyQb-0-2a29c2d3002629227f0cbec53df1264b)
在浏览器中的效果如图2.5所示。
![](https://epubservercos.yuewen.com/449AF5/15253390305248006/epubprivate/OEBPS/Images/Figure-P24_12074.jpg?sign=1739413854-Y7VYWdtoYpHZbbTkH3JUOB4vttU9pXhR-0-3bbee9a3268a247d767052207a56e63b)
图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=1739413854-Me93X890Gben8WG1zsFZbCmVJOrXBqMs-0-e77e16c615baf738b25daedf6b9aae63)
在浏览器中的效果如图2.6所示。
![](https://epubservercos.yuewen.com/449AF5/15253390305248006/epubprivate/OEBPS/Images/Figure-P25_19609.jpg?sign=1739413854-8S94e5TBC6tmVJ3nTy1VvEtYroWCs1k0-0-8e95d6b0394441cdc25ea8f814ffb8ae)
图2.6 上标和下标标签