网页设计与制作教程(HTML+CSS+JavaScript):第3版
上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 字体样式元素示例