- 網頁設計與制作教程(HTML+CSS+JavaScript):第3版
- 張兵義 張博主編
- 270字
- 2023-06-28 15:45:46
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 字體樣式元素示例