二、 html中文字的使

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

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

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

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

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

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

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

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

9、小、顏色涼州曲王翰  葡萄美酒夜光杯，  欲飲琵琶馬上催。  醉臥沙場(chǎng)君莫笑，  古來(lái)征戰(zhàn)幾人回。,,說(shuō)明； ... #=字體名 ... #=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)的文本 加重的文本 編碼的字體 引用的文本 小號(hào)字體

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

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

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

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

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

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

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

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

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