巧克力棉花糖爆炸球

書名： HTML5+CSS3王者歸來
作者名：洪錦魁
本章字?jǐn)?shù)： 85字
更新時間： 2019-12-09 14:46:06

3-22 上標(biāo)<sup>和下標(biāo)<sub>元素

<sup>元素是上標(biāo)元素，最常用作數(shù)學(xué)的次方，例如，X3代表X的三次方。

<sub>元素是下標(biāo)元素，最常用作化學(xué)符號，例如，水的化學(xué)符號H2O。

程序?qū)嵗齝h3_25.html：sup和sub元素的應(yīng)用。

執(zhí)行結(jié)果

3-23 輸出特殊字符

在設(shè)計HTML文件時難免會遇上需要輸出空格符或特殊字符的情況，下表是常見的特殊字符及其處理方式。

常見特殊字符及HTML處理方式

程序?qū)嵗齝h3_26.html：測試實(shí)體名稱和以編碼方式輸出空格的方法。

執(zhí)行結(jié)果

上述程序第9行“明志科大”與“視覺傳達(dá)系”字符串間沒有空格，第10行筆者測試空一格，第11行筆者測試空2格，讀者可以自行比較它們之間的差異。

程序?qū)嵗齝h3_27.html：常見特殊符號輸出的應(yīng)用，所有特殊符號均使用實(shí)體名稱和編碼來輸出。

執(zhí)行結(jié)果

3-24 HTML的樹狀結(jié)構(gòu)

相信讀者學(xué)習(xí)到此已經(jīng)具備了一定的HTML程序設(shè)計基礎(chǔ)了，在結(jié)束本節(jié)前，筆者想總結(jié)一下HTML文件的結(jié)構(gòu)知識。其實(shí)HTML文件就是一個樹狀的文件結(jié)構(gòu)，整個文件的根部就是<html>元素，在這個根部底下分別是<head>元素和<body>元素，而這兩個元素底下又有其他元素。我們通常使用下列名詞定義元素之間的關(guān)系。

父元素：假設(shè)A元素包含B元素，則稱A元素是B元素的父元素。例如，我們可以說<html>元素是<head>和<body>元素的父元素。

子元素：假設(shè)A元素包含B元素，則稱B元素是A元素的子元素。例如，我們可以說<head>和<body>元素是<html>元素的子元素。

在繼續(xù)解釋之前，筆者想舉一個更詳細(xì)的實(shí)例來說明HTML的樹狀結(jié)構(gòu)。

程序?qū)嵗齝h3_28.html：HTML樹狀結(jié)構(gòu)的說明。