上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人
2.4.1 字体样式元素
字体样式元素可以使文本内容在浏览器中呈现特定的文字效果。但是,这些文本格式化元素仅能实现简单的、基本的文本格式化。在HTML5中,建议使用CSS样式表来取得更加丰富的文本格式化效果,还可以简单地更改字体样式。字体样式元素全是成对出现的标签,而且不使用属性。常用的字体样式标签见表2-3。
表2-3 常用的字体样式标签
【例2-1】字体样式元素示例。本例文件2-1.html在浏览器中的显示效果如图2-4所示。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML5保留的文本格式元素示例</title>
</head>
<body>
<p><b>粗体文本</b><big>大号字体</big><big><big>更大号字体</big></big><b><big>粗体大号字体</big></b></p>
<p><i>斜体文本</i><small>小号字体</small>
<small><small>更小号字体</small></small><i><small>斜体小号字体</small></i></p>
<p><tt>打字机或者等宽的文本</tt>这段文本包含<sup>上标</sup>还包括<sub>下标</sub></p>
</body>
</html>
图2-4 字体样式元素示例