二、 html中文字的使

1、二、 HTML中文字的使用,2.1 對文字的編排例1：文字的普通顯示文字編排　　子曰:“學(xué)而時習(xí)之，不亦說乎？ 有朋自遠(yuǎn)方來，不亦樂乎？人不知而不慍，不亦君子乎？”,說明：在網(wǎng)頁中添加文字只要在 之間，需要插入文字的地方輸入文字即可。一般在HTML文件里，無論輸入多少空格（按空格鍵）都將被視為一個空格，任何回車操作（按Enter鍵）都是無效的，因為瀏覽器不能識別輸入的空格或回車，它只能按照HTML標(biāo)記來執(zhí)行,,例

2、2：空格和換行的顯示文字的空格、回車等使用  子曰:“學(xué)而時習(xí)之，不亦說乎？有朋自遠(yuǎn)方來，不亦樂乎？ 人不知而不慍，不亦君子乎？”說明：&nbsp:空格符號，輸入顯示一個空格:換行標(biāo)記，將文字換行顯示，是一個單個使用的標(biāo)記，效果同 按“Enter”鍵,,P標(biāo)記換行文字的空格、回車等使用  子曰:“學(xué)而時習(xí)之，不亦說乎

3、？有朋自遠(yuǎn)方來，不亦樂乎？人不知而不慍，不亦君子乎？”說明：；段落標(biāo)記，除同一樣換行外，還用一空白行間隔，效果如同按連續(xù)按兩下“Enter”。標(biāo)記也可單獨使用,但不建議用,,例3:文字單行顯示強(qiáng)制不換行子曰:“學(xué)而時習(xí)之，不亦說乎？有朋自遠(yuǎn)方來，不亦樂乎？人不知而不慍，不亦君子乎？”子曰:“學(xué)而時習(xí)之，不亦說乎？有朋自遠(yuǎn)方來，不亦樂乎？人不知而不慍，不亦君子乎？”,,說明:默認(rèn)情況下,文

4、字隨瀏覽器窗口大小變化換行顯示,采用標(biāo)記,不管窗口大小如何變動,文字都以一行顯示但在標(biāo)記中插入成對的標(biāo)記之間的內(nèi)容會被強(qiáng)制換行！,,例4:文字居中顯示居中顯示涼州曲 王翰葡萄美酒夜光杯，欲飲琵琶馬上催。醉臥沙場君莫笑，古來征戰(zhàn)幾人回。說明:居中標(biāo)記作用是將文字以居中對齊方式顯示,,例5:文字段落的縮進(jìn)文字的縮進(jìn)涼州曲 王翰葡萄美酒夜光杯，欲飲琵琶馬上催。醉臥沙場君莫笑，古來征

5、戰(zhàn)幾人回。,,說明:右縮進(jìn)標(biāo)記,將某段文字向右縮進(jìn)方式顯示,同時用空白行間隔.注意:不能與標(biāo)記嵌套使用,,標(biāo)記屬性的應(yīng)用例1:段落位置的控制段落對齊方式居中段落靠左段落靠右段落說明:align屬性名,控制文字的顯示位置,”center”、”left”、”right”為屬性的屬性值,,一般來講，html的標(biāo)記有下列三種表示方法：　　1)文件或超文本　　2)文本成超文本　　3)　　第三種寫法僅用于一

6、些特殊的標(biāo)記,比如分段標(biāo)記P，它僅僅通知www瀏覽器在此處分段，因而不需要界定作用范圍， 所以它沒有結(jié)尾鏈接簽。,,另外：大多數(shù)HTML標(biāo)記中都可以加入屬性控制，其作用是幫HTML標(biāo)記進(jìn)一步控制HTML文件的內(nèi)容，一個標(biāo)記可以有多個屬性，屬性及其屬性值不分大小寫 格式：多個屬性間用空格隔開,不同的標(biāo)記可以使用相同的屬性,,例2:標(biāo)題文字的位置控制多標(biāo)記同一屬性這些是標(biāo)題居中標(biāo)題1靠左標(biāo)題2靠右標(biāo)題3,,例3

7、:設(shè)置網(wǎng)頁的背景主體標(biāo)記的屬性小孩與大人說明:background控制網(wǎng)頁背景圖片,屬性值為圖片路徑與圖片名,,標(biāo)志中還可以有以下屬性：,,,例4: 水平分割線的設(shè)置水平分割線秋歌曾子曰："慎終，追遠(yuǎn)，民德歸矣。",,說明:水平分割線,單個使用,用來在網(wǎng)頁上畫出一條水平線,用以分割不同的文字或其它網(wǎng)頁組件：可設(shè)置水平線粗細(xì), #為數(shù)字,以像素為單位：設(shè)置水平線寬度，像素或

8、百分比 #=left, right,center：對齊方式:設(shè)置為實心線條：設(shè)置水平線顏色Noshade:不顯示水平線的立體陰影,,例5:noshade屬性的使用 水平分割線,,例6:屬性的就近原則就近顯示觀察文字顏色觀察文字顏色說明:當(dāng)出現(xiàn)兩個屬性同時控制網(wǎng)頁中相同的組件時,組件離哪個標(biāo)記近,就由哪個標(biāo)記的屬性控制,,2.2 多種多樣的網(wǎng)頁文字文字字體、顏色的設(shè)置字體的大

9、小、顏色涼州曲王翰  葡萄美酒夜光杯，  欲飲琵琶馬上催。  醉臥沙場君莫笑，  古來征戰(zhàn)幾人回。,,說明； ... #=字體名 ... #=Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime, Fuch

10、sia, White, Green, Purple, Silver, Yellow, Aqua ... 設(shè)置字體大小 #=1, 2, 3, 4, 5, 6, 7 or +#, -#,,物理字體(Physical Style)粗體 斜體下劃線打字機(jī)風(fēng)格字體上標(biāo) 下標(biāo)文字中間畫線文字中間畫線邏輯字體(Logical Style) 強(qiáng)調(diào)的文本 加重的文本 編碼的字體 引用的文本 小號字體

11、 大號字體,,2.3 特殊字符的顯示專業(yè)符號< p > 為段落標(biāo)記&  為空字符 說明: 特殊字符“<”代表符號“”,“&”代表符號”&” ,這些字符都以“&”開頭,以分號”;”結(jié)尾,,上下標(biāo)標(biāo)記的使用如要在網(wǎng)頁中顯示:[(6 3 + 3 6) ÷ 2] ± 1 = ?結(jié)果以

12、 ‰ 表示。 H 2 + O 2 ? H 2 OHTML代碼:運算式[(6 3 + 3 6) ÷ 2] ± 1 = ?結(jié)果以 ‰ 表示。H 2 + O 2 ⇔ H 2 O,,說明::上標(biāo)標(biāo)記:下標(biāo)標(biāo)記÷代表符號÷±代表符號±‰代表符號

13、‰↔代表”Word中沒有該字符”,,2.3 滾動字幕例1：滾動字幕啦啦啦，我會移動耶！,,例2：文字移動屬性的設(shè)置 方向 #=left, right滾動字幕啦啦啦，我從右向左移！ 啦啦啦，我從左向右移！ ,例3：方式 #=scroll, slide, alternate滾動字幕啦啦啦，我一圈一圈繞著走！ 啦啦啦，我只走一次就歇了！ 啦啦啦，我來回走耶！

14、,例4：方式 循環(huán) #=次數(shù)；若未指定則循環(huán)不止(infinite)滾動字幕啦啦啦，我只走 3 趟喲！ 啦啦啦，我只走 3 趟喲！ 啦啦啦，我只走 3 趟喲！ ,例5：滾動字幕滾動字幕內(nèi)容第一行滾動字幕內(nèi)容第二行滾動字幕內(nèi)容第三行 ,,說明::滾動標(biāo)記,控制文字的滾動Align:設(shè)置字幕的對齊方式,值可以為left、right、center、top、bottomBgcolor:

15、設(shè)置字幕背景顏色,屬性值為顏色的英文名稱Direction:設(shè)置文字滾動方向,值可以為left,right,up,downBehavior:設(shè)置文字滾動方式,屬性值有3個,scroll表示一端滾到另一端,slide表示從一端快速滑動到另一端且不再重復(fù),alternate表示在兩端來回滾動Height:設(shè)置字幕寬度,屬性值為數(shù)值(像素)Width:字幕長度,屬性值為數(shù)值,,Hspace:設(shè)置字幕左右方向空白區(qū)域的寬度,屬性值為

16、數(shù)值(像素)vspace:設(shè)置字幕上下方向空白區(qū)域的寬度,屬性值為數(shù)值(像素)scrolldelay:設(shè)置滾動兩次之間的延遲時間,屬性值為數(shù)值,數(shù)字越大,延遲時間越長Scrollamount:設(shè)定滾動速度,屬性值為數(shù)值,數(shù)字越大,滾動速度越快Loop:用于設(shè)定滾動的次數(shù),屬性值為數(shù)值,-1表示一直滾動下去,直到頁面更新,,2.4 文字列表的使用例1:編號列表1提綱標(biāo)題大體構(gòu)思初步設(shè)計完善設(shè)計開始制作反復(fù)修改

17、,,說明: 編號列表的結(jié)構(gòu)內(nèi)容一內(nèi)容二內(nèi)容三………編號列表標(biāo)記,,例2:更改序列號樣式編號列表2提綱標(biāo)題大體構(gòu)思初步設(shè)計完善設(shè)計開始制作反復(fù)修改說明:type屬性用于設(shè)置序號的樣式,如type=1或a或A或I或i(I表示大寫羅馬數(shù)字,i表示小寫羅馬數(shù)字),,例3:從特定序列號開始編號的開始順序提綱標(biāo)題大體構(gòu)思初步設(shè)計完善設(shè)計開始制作反復(fù)修改說明:sta

18、rt控制序號的開始位置.其結(jié)構(gòu)為start=n,n為數(shù)字或字母,,例4:非序列提綱 非編號列表新聞標(biāo)題戴爾將在印度增加2000員工 將其設(shè)為開發(fā)中心微軟XBOX亮相軟交會 將要正式登陸中國？中芯國際預(yù)計第二季芯片出貨量增16-18%惠普聯(lián)手富士通日立希捷 開發(fā)新一代儲存硬盤松下發(fā)布電池工作12小時筆記本電腦,,說明:編號列表的結(jié)構(gòu)內(nèi)容一內(nèi)容二內(nèi)容三………非編號列表標(biāo)記,使用同編號列

19、表標(biāo)記一樣,,例5:更改標(biāo)號樣式非編號列表新聞標(biāo)題戴爾將在印度增加2000員工 將其設(shè)為開發(fā)中心微軟XBOX亮相軟交會 將要正式登陸中國？中芯國際預(yù)計第二季芯片出貨量增16-18%惠普聯(lián)手富士通日立希捷 開發(fā)新一代儲存硬盤松下發(fā)布電池工作12小時筆記本電腦,,說明:Type屬性:Circle:○Disc:●Square:■,,說明式列表標(biāo)記說明式標(biāo)記的使用大體構(gòu)思對網(wǎng)頁的一個初步