第2章 文本標記和列表標記.doc

《第2章 文本標記和列表標記.doc》由會員上傳分享，免費在線閱讀，更多相關(guān)內(nèi)容在學(xué)術(shù)論文-天天文庫。

1、第2章文本標記和列表標記在HTML中，可以使用文本標記、段落標記和列表標記等對文本進行各種各樣的格式化工作，它們都是文本級的標記，不僅可以應(yīng)用于一段文本，也可以應(yīng)用于文本中的單個字符。在第1章中已經(jīng)介紹了常用的段落標記，本章將向讀者介紹HTML中常用的文本標記和列表標記。通過本章的學(xué)習(xí)，讀者不僅可以掌握常用的標記和標記，也可以了解文本修飾標記，還可以掌握HMTL中列表標記的使用。本章學(xué)習(xí)目標如下：l掌握標記的使用。l了解標記的使用。l熟悉常用的物理樣式標記。l熟悉常用的邏輯樣式標記。l掌握如何

2、實現(xiàn)無序列表。l掌握如何實現(xiàn)有序列表。l熟悉如何實現(xiàn)解說列表。l掌握不同列表之間的嵌套。2.1文本標記文本標記用于HTML網(wǎng)頁正文內(nèi)容的文本部分，這些文本標記被用于引用、定義、強調(diào)文本/段落/行等文本模塊。通過使用這些文本標記，可以使網(wǎng)頁中的文本顯示不同的樣式，從而吸引瀏覽者注意到該文本的內(nèi)容。下面將簡單了解常用的文本標記。2.1.1標記標記指定文本的字體、字體尺寸和字體顏色等內(nèi)容。標記并不被推薦使用，但是該標記在Web上的使用還是非常廣泛的。如今，一些流行的網(wǎng)頁制作工具仍然能生成包含標記的代

3、碼。W3C推薦使用CSS代替標記來格式化文本。標記的基本格式如下：標記中包含多個屬性，其常用屬性及其說明如表2-1所示。表2-1標記的常用屬性屬性名稱屬性取值說明size0~7設(shè)置文本的字體大小，數(shù)字越大，文本字體顯示得越大。如果在數(shù)字的前面加上“+”，則代表比預(yù)設(shè)的字體大小還大幾級；如果是加上“-”，則代表比預(yù)設(shè)的文字大小還小幾級。通常情況下，默認值是3，可以使用來設(shè)置該值的大小color十六進制或英文名稱設(shè)置文本的顏色face字

4、體名稱設(shè)置文本采用的字體名稱【例2-1】下面來演示標記及其屬性的使用方法：<font>標記size屬性值前加上-
<font>標記size屬性值前加上+
<font>標記的默認顯示
<font>標記的size屬性值設(shè)置為5

5、rdana,Geneva,sans-serif">設(shè)置size、color和face屬性
設(shè)置size、color和face屬性在瀏覽器中運行上述代碼，查看效果，如圖2-1所示。圖2-1使用標記的效果2.1.2標記標記定義ruby注釋(中文注音或者字符)，這是HTML5新增加的一個標記。在東亞使用時，顯示的是東亞字符的發(fā)音。一般情況下，標記會與標記一塊使用，它們結(jié)合起來，可

6、以對網(wǎng)頁中的文字進行標注?！纠?-2】下面簡單給出使用標記和標記的代碼：你ni知道zhidao嗎ma當代最可愛的人志愿軍2.1.3物理樣式標記通常情況下，會將物理樣式標記稱為字體樣式元素或者實體字符控制標記，這是因為它們?yōu)闉g覽器提供了特定的字體指令。物理樣式標記的使用非常普遍，并且網(wǎng)頁編輯工具中都會生成這些標記。例如，表2-2列出了常用的物理樣式標記，并且對這些標記進行了具體的說明。表2-2常用的物理樣式標記標記說明<

7、/b>將文本顯示為粗體將文本設(shè)置為斜體為文本添加刪除線(建議使用標記來代替)設(shè)置為電報字體為文本添加下劃線將文本變小，低于基線顯示將文本變大，高于基線顯示將文本顯示為比正常字體小將文本顯示為比正常字體大【例2-3】本例使用表2-2中的物理樣式標記演示效果。實現(xiàn)代碼如下：總是向你索取卻不曾說謝謝你直到長大以后才懂得你不容易每次

8、離開總是裝作輕松的樣子微笑著說回去吧轉(zhuǎn)身淚濕眼底多想和從前一樣牽你溫暖手掌_{可是你不在我身旁托清風(fēng)捎去安康}