2.8.4　加上化学元素和数学平方根

在前面的学习中用＜sup＞＜/sup＞表示上标，＜sub＞＜/sub＞表示下标，用上标和下标表示数学、化学等特殊符号，完整代码如代码2.9所示。

代码2.9　源代码\第2章\HTML标记和格式实例手把手.html

——————————-文件名：HTML标记和格式实例手把手.html————————————

01 ＜html＞

02 ＜head＞

03 ＜title＞HTML标记和格式实例手把手＜/title＞

04 ＜/head＞

05 ＜body＞

06 ＜！—下面一行表示用标题的标记对—＞

07 ＜h1＞HTML+CSS完全自学手册＜/h1＞

08 ＜p＞

09 ＜！—表示在文本中用粗体—＞

10 ＜b＞HTML+CSS完全自学手册＜/b＞

11

12 ＜p＞

13 ＜！—下面一行表示用删除线—＞

14 ＜s＞HTML+CSS完全自学手册＜/s＞

15

16 ＜p＞

17 ＜！—-下面一行只是被包围在段落中-＞

18 HTML+CSS完全自学手册

19

20 ＜！—下面一行表示水的化学元素—＞

21 H＜sub＞2＜/sub＞S＜！—下标标示符的标记对—＞

22 ＜br＞

23 ＜！—下面一行表示10的2次方—＞

24 10²＜！—上标标示符的标记对—＞

25 ＜/body＞

26 ＜/html＞

【代码解析】代码2.9中，在第5行＜body＞＜/body＞标记对中，存在标题＜h1＞（第7行）标记对，粗体＜b＞（第10行）标记对，删除线＜s＞标记对（第14行），段落＜p＞标记对（第8行）等，用实例演示了前面各知识点的用法，在浏览器中运行后的效果如图2.11所示。

图　2.11　添加上标和下标标记

注意　在以后的学习中，还会遇到上面讲解过的知识，常用的标记和样式在实际应用中是不可缺少的，请读者注意观察实例代码中所学过的知识，并总结其用法。