- 精通HTML+CSS网页开发与制作
- 车云月
- 228字
- 2021-03-24 12:52:28
2.5 字体样式标签
在网页中,针对不同的内容可能需要使用不同的字体样式,如重要文本通常以粗体显示,辅助内容可能以斜体显示。HTML中的<b>标签将文字显示为粗体,<em>标签将文字显示为斜体,<strong>标签用于显示需要强调的文字。代码如示例2.5所示。
示例2.5:
![](https://epubservercos.yuewen.com/449AF5/15253390305248006/epubprivate/OEBPS/Images/Figure-T24_19607.jpg?sign=1739188369-taAcZHSA3139DkEyFntRvW8ZXq0Fshoz-0-ad7621b93ea9842c3bab655580d8f8e7)
在浏览器中的效果如图2.5所示。
![](https://epubservercos.yuewen.com/449AF5/15253390305248006/epubprivate/OEBPS/Images/Figure-P24_12074.jpg?sign=1739188369-GRMLGH6ARHUxwDi8OJDMXfgfBnsO8PjJ-0-f3c235e928ee7e1da11856e2408cb52c)
图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=1739188369-VK4SQm8qPyFA9I6kYGjU6LZLNKCIPEik-0-6650ad744cef223f505c9e6de3f55043)
在浏览器中的效果如图2.6所示。
![](https://epubservercos.yuewen.com/449AF5/15253390305248006/epubprivate/OEBPS/Images/Figure-P25_19609.jpg?sign=1739188369-7hSmKlFqxhIWDBP9BVvTXwfMTAGSlZPD-0-a13f9acc5a00b622c2a6df1a8332bc5c)
图2.6 上标和下标标签