第二講用HML設(shè)置文本和圖像

第2講

一、文字版面的編輯

2.1頁(yè)面布局2.2字體屬性2.1.1換行標(biāo)簽br2.1.2強(qiáng)制不換行標(biāo)簽nobr2.1.3分段控制標(biāo)簽p2.1.4原樣顯示文字標(biāo)簽pre2.1.5居中對(duì)齊標(biāo)簽center 2.1頁(yè)面布局2.1.6引文標(biāo)簽blockquote2.1.7水平分隔線標(biāo)簽hr2.1.8特殊字符 2.1.9注釋標(biāo)簽 2.1.10設(shè)定網(wǎng)頁(yè)背景和文字的顏色2.1頁(yè)面布局2.1.1換行標(biāo)簽br

換行標(biāo)簽:用于在文檔中強(qiáng)制斷行，標(biāo)記為一個(gè)單獨(dú)的<BR>。在HTML文件中任何位置只要使用了<br>標(biāo)簽，當(dāng)文件顯示在瀏覽器中時(shí)，該位置之后的文字將顯示于下一行。<nobr>標(biāo)簽：把語(yǔ)句強(qiáng)行放在一行中。

在<nobr>標(biāo)簽中包含的文本不管有多長(zhǎng)，總是放在一行中進(jìn)行顯示。<nobr>主要用于把那些不適于分開(kāi)的詞和短語(yǔ)放在一行中如果一行文本長(zhǎng)度超過(guò)一定的限度，可能會(huì)突破右邊邊框跑到屏幕外面去2.1.2強(qiáng)制不換行標(biāo)簽nobr作用：用于將文檔劃分為段落，標(biāo)記為<P></P>，其中結(jié)束標(biāo)記符通?？墒÷?。效果：在瀏覽器中，不同段落文字間除了換行外，還會(huì)以一個(gè)空白行加以間隔，以便區(qū)別出文字的不同段落。2.1.3分段控制標(biāo)簽p1．格式：①<p>文字</p>②文字<p>③<palign=參數(shù)>文字</p>2．說(shuō)明：其中align屬性有l(wèi)eft、center和right三個(gè)參數(shù)，這三個(gè)設(shè)置值將依次把段落文字的水平對(duì)齊方式設(shè)為左對(duì)齊、居中對(duì)齊和右對(duì)齊。2.1.3分段控制標(biāo)簽p<pre>和</pre>標(biāo)簽：可保留HTML文件原始的文件排版方式，直接在瀏覽器中顯示出來(lái)。方法是把制作好的那段文本前后分別加上<pre>和</pre>標(biāo)簽。在預(yù)排格式中，仍可以用HTML語(yǔ)言對(duì)文字的格式進(jìn)行設(shè)置，如文字的顏色、大小等。2.1.4原樣顯示文字標(biāo)簽pre2.1.5居中對(duì)齊標(biāo)簽center文本在頁(yè)面上中使用<center>標(biāo)簽進(jìn)行居中控制。<center>是一個(gè)成對(duì)標(biāo)簽，在想居中的文本部分開(kāi)頭處加<center>，結(jié)尾處加</center>即可。標(biāo)簽<blockquote>可以用來(lái)建立一個(gè)引文，它特別適合于較長(zhǎng)文本的引用。引文顯示時(shí)將會(huì)自動(dòng)右移，左邊空出幾個(gè)格，以示區(qū)別。2.1.6引文標(biāo)簽blockquote2.1.7水平分隔線標(biāo)簽hr作用：添加水平線，以將不同的內(nèi)容信息分開(kāi)，使文字看起來(lái)清晰、明確。說(shuō)明：<hr>標(biāo)簽是單獨(dú)使用的標(biāo)簽，它的作用是換行并在該行下畫(huà)一條橫線，橫線的上下兩端都會(huì)留出一定的空白。屬性：見(jiàn)下表<hr>標(biāo)簽屬性說(shuō)明屬性參數(shù)功能單位默認(rèn)值size設(shè)置水平分隔線的粗細(xì)Pixel（像素）2width設(shè)置水平分隔線的寬度Pixel(像素)、百分比100%alignleft、center、right設(shè)置水平分隔線的對(duì)齊方式centercolor設(shè)置水平分隔線的顏色blacknoshade水平分隔線不顯示3D陰影鍵盤(pán)上沒(méi)有的字符：在HTML文件中，有些字符沒(méi)辦法直接顯示出來(lái)，比如說(shuō)“?”。使用特殊字符可以將鍵盤(pán)上沒(méi)有的字符表達(dá)出來(lái)鍵盤(pán)上有但有特殊意義的字符：有些字符在鍵盤(pán)上雖然可以得到，但在HTML中有其特殊的含義，如“>”等等，也必須用一些代碼表示它們，以免發(fā)生混淆。2.1.8特殊字符空格：在建立HTML文件時(shí)，若您利用鍵盤(pán)上的空格鍵，輸入數(shù)個(gè)空格，不論輸入的空格有多少個(gè)，都將視為一個(gè)。因此，如果您想要輸入多個(gè)空格時(shí)，必須利用空格符號(hào)

。2.1.8特殊字符HTML常見(jiàn)特殊字符及其代碼表特殊或?qū)Ｓ米址麛?shù)字代碼字符代碼<<<>>>&&&"""!!?©©;;?®®空格

2.受1.伙9注釋村標(biāo)簽注釋慢標(biāo)簽柿：只憑起注激釋作電用，拔不顯呆示在炎頁(yè)面怨上注釋結(jié)標(biāo)簽關(guān)的格連式有鏈兩種蠅：①<！--注釋緞的內(nèi)般容--慢>②灰<！注右釋的燦內(nèi)容>2.犬1.敲10設(shè)定隆網(wǎng)頁(yè)漸背景和文栽字的椒顏色設(shè)置<b省od侵y>標(biāo)簽蠅內(nèi)的港屬性氧，可勞控制觸整個(gè)蠶頁(yè)面墻的顯販?zhǔn)痉綌⑹健?．格召式：<b蜂od霸y氣bg興co倦lo俯r=值1竊ba涉ck涌gr頃ou廁nd批=值2固te圍xt塞=值3>……</貞bo漏dy啟>2．說(shuō)浸明：（1）通琴過(guò)bg典co笨lo值r屬性暴可以筋改變繼網(wǎng)頁(yè)獨(dú)的背杯景顏靠色，其蘿格式肚如下輝：<b版od我y諒bg福co禍lo敞r=知"#憂nn渣nn茅nn疫">或<b掀od苗y疫bg診co頭lo剝r(jià)=權(quán)"顏色馬名稱(chēng)">2.概1.鋪10設(shè)定脾網(wǎng)頁(yè)給背景和文他字的異顏色（A）退其中#nnnnnn代表六位十六互進(jìn)制蘆數(shù)，每?jī)删砦坏哪嗳≈蒂\均是栗從00～FF，代施表AS妙CI概I碼的00~25被5，前兩跌位設(shè)延置紅色的深菠淺，涌中間燙兩位評(píng)設(shè)置綠色的深晚淺，袖最后守兩位古設(shè)置藍(lán)色的深最淺。（B）汗在指?jìng)?cè)定文竊字的盾顏色離時(shí)，也可傍以直緩接使叮用該獻(xiàn)顏色邪對(duì)應(yīng)瀉的英獵文單身詞，例郵如，紹我們海指定塑背景光的顏量色為杠紅色削，可桃以表繞示為陳：<b虎od勉y報(bào)bg捆co襯lo姐r=僻“R爆ed秧”>也可呆以表他示為<b押od宵y載bg蹄co貍lo燈r=輸“#備FF齒00相00銷(xiāo)”>。暗藍(lán)綠(#006666)Teal白色White(#FFFFFF)紫紅色(#993333)Fuchsia綠色Green(#66FF00)藍(lán)色(#00FFFF)Blue淺藍(lán)綠Aqua(#0066FF)黃色(#FFFF00)Yellow紫色Purple(#660000)橄欖綠(#336633)Olive海軍藍(lán)Navy(#0033CC)銀白色(#CCCCCC)Silver灰色Gray(#999999)栗色(#993300)Maroon石灰色Lime(#666666)紅色(#FF3300)Red黑色Black(#000000)顏色名稱(chēng)顏色名稱(chēng)（C）bg層co柔lo漁r屬性儀的參籌數(shù)值笑可以資是下脆表所遣示16種顏咱色中憲的任鉆何一循種。（2）ba放ck酒gr淺ou平nd屬性泳指定捏網(wǎng)頁(yè)燒的背炒景圖拔像。格式嚇：<B拖OD予Y雅b薯ac撤kg增ro訴un啦d=刻“i紫ma面ge蔥UR陣L”限>示例謝：<B鎮(zhèn)OD運(yùn)Y資ba目ck般gr斃ou誘nd國(guó)="閃bo換ok泳ba迷ck笛.g欄if揪">（3）te免xt屬性銳用于爺指定架網(wǎng)頁(yè)租內(nèi)文超字的輪顏色。格式排：<B鄰OD呀Y(jié)涉bg筐co茶lo究r=計(jì)#轉(zhuǎn)te貪xt蕩=#尼>示例研：<B數(shù)OD側(cè)Y的bg術(shù)co可lo衣r=捆ye矛ll隆ow朗t腔ex橋t=飛re形d>2.古1.付10設(shè)定座網(wǎng)頁(yè)棒背景和文雨字的移顏色設(shè)置開(kāi)網(wǎng)頁(yè)豈背景新聲音在HE參AD中添唯加：<B大GS肉OU湊ND突s吹rc日=“so蹦un站df表il方eU站RL”>2.揭2.輪1標(biāo)題備文字宴標(biāo)簽Hn2.顏2.納2文字摟格式旅控制鴿標(biāo)簽Fo彼nt2.邪2.決3特定鋼文字涉樣式獨(dú)標(biāo)簽2.飾2字體飼屬性<H咐n>標(biāo)簽遼用于臟設(shè)置懲網(wǎng)頁(yè)度中的提標(biāo)題喬文字統(tǒng)，被棗設(shè)置周的文餡字將吼以黑體抓、粗紋體的方斑式顯暗示在創(chuàng)網(wǎng)頁(yè)侮中。1．格挎式：<H撓n達(dá)a念li券gn項(xiàng)=參數(shù)>標(biāo)題蜓文字</飯hn孩>2.艘2.棚1標(biāo)題饞文字館標(biāo)簽Hn2．說(shuō)區(qū)明：①<H長(zhǎng)n>標(biāo)簽純是成妹對(duì)出謝現(xiàn)的，戚在<H壓n>和</便Hn莊>之間雁的文性字就央是文勢(shì)檔中謝的標(biāo)棚題。<H念n>標(biāo)簽扒共分辨六級(jí)，其柿中<H煌1>標(biāo)簽麻所括微起的候文字勢(shì)是第威一級(jí)量標(biāo)題厭，最雜大最招粗；<H束6>標(biāo)簽豆所括希起的民文字遲是最鉆后一甩級(jí)標(biāo)鄭題，店最小若最細(xì)歇。②al回ig初n屬性愉用于揚(yáng)設(shè)置豎標(biāo)題老的位爺置。al林ig肉n屬性勒的參桿數(shù)值額為le德ft、ce演nt文er或ri跟gh驢t之一③<H感n>標(biāo)簽庸本身腸具有完換行侍的作柄用，標(biāo)籮題總愧是從垃新一拒行開(kāi)呀始。④使用得標(biāo)題窩樣式揀時(shí)，出必須森使用仿結(jié)束汽標(biāo)記雙符。fo摘nt標(biāo)簽用于濾控制歌文字脾的字窄體、窗大小套與顏裁色?？刂凭淼姆胶氖绞抢妙i屬性蛇設(shè)置判實(shí)現(xiàn)的，靈各屬蘿性的得使用拉功能剖說(shuō)明搶見(jiàn)下希表。2.生2.弓2文字偏格式脖控制詢標(biāo)簽Fo廊nt控制文字的顏色color控制文字的大小size控制文字的字體face使用功能屬性271．格脊式：<f碑on鵝t露fa和ce畢=值1辱si驕ze述=值2馳co兇lo躲r=值3>文字</繪fo拾nt督>2．說(shuō)吐明：①fa蹈ce屬性披的格另式為喪：<f翠on梅t塔fa蔬ce交=字體易名稱(chēng)>文字</轎fo評(píng)nt運(yùn)>fa場(chǎng)ce屬性問(wèn)是字妙體標(biāo)親記符剛，用占來(lái)指揭定字驢體樣腐式。桃字體吩樣式駝也就活是通育常所窩說(shuō)的棋“字臭體”喇。例障如，漆常用狗的英偷文字皇體有夾“Ti掌me紙s縱Ne洗w描Ro合ma階n”、“Ar留ia償l”等；瓣常用液的中特文字譜體有鍋“宋駛體”盜、“擦楷體壤”等漿。在俘編寫(xiě)宣網(wǎng)頁(yè)圣時(shí)，遇通過(guò)語(yǔ)在FO稿NT標(biāo)記飾符中抄指定fa扔ce屬性沖，用嫌戶可豎以指南定一菌個(gè)或鏡幾個(gè)僅字體鑄名稱(chēng)(用逗萄號(hào)隔叛開(kāi))。282．說(shuō)按明：②si關(guān)ze屬性私的取們值為1~涂7，默貝認(rèn)值采為3；③也線可以欄用“+”或“-”來(lái)設(shè)演定字記號(hào)的注相對(duì)棍值。<F灰ON暴T季si祖ze仇=+留1>寇ex棵am策pl擦e<洗/F秤ON配T>④先co長(zhǎng)lo堅(jiān)r屬性趟的格敲式為銹：<f船on噸t肉co洪lo旅r=過(guò)#n顛nn缺nn崖n>或<f溉on救t節(jié)co賺lo最r=炒"顏色絕名稱(chēng)">29用來(lái)產(chǎn)生漿一定簽的強(qiáng)碑調(diào)、倘突出劣、區(qū)請(qǐng)別以墓及提買(mǎi)示等醒效果的標(biāo)諸簽。HT狐ML中用芽于這傾種功酷能的特標(biāo)簽幣可以冒分為貓兩類(lèi)您：物理困類(lèi)型園和邏齊輯類(lèi)刻型。2.屢2.岡3特定憑文字粒樣式壞標(biāo)簽301．物以理類(lèi)晌型⑴粗體b標(biāo)簽放在<b遞>與</作b>標(biāo)簽致之間導(dǎo)的文售字將晴以粗妨體方死式顯昌示。⑵斜體i標(biāo)簽放在<i圍>與</繩i>標(biāo)簽衡之間侄的文辨字將悲以斜上體方鴉式顯學(xué)示。⑶下劃門(mén)線u標(biāo)簽放在<u合>與</騙u>標(biāo)簽椒之間撐的文鉗字將攀以加令下劃漆線的碗方式評(píng)顯示姓。312．邏海輯類(lèi)拍型邏輯局類(lèi)型:指使越用一渾些標(biāo)雙簽來(lái)捏改變音字體府的形冷態(tài)和答式樣遠(yuǎn)，以盆便產(chǎn)生倍一些欺公眾專(zhuān)習(xí)慣圾的或板約定栗俗成翁的顯煉示效鋪果。常用臣的邏溉輯類(lèi)窩型標(biāo)濃簽有倡八種鹿，這引些標(biāo)漠簽均有椅首標(biāo)悉簽和暮尾標(biāo)午簽，放儉在首萌標(biāo)簽僵和尾蝕標(biāo)簽優(yōu)之間辦的文征本受瓦其控延制：322．邏稍輯類(lèi)艙型⑴<e宴m>（Em管ph前as熄is）標(biāo)省簽：用膚于強(qiáng)啟調(diào)的脫文本肥，以旅區(qū)別帥于其挽他文磚本，院一般窯顯示裳斜體堵字,與<I蓬>相似低；⑵<s崗tr釣on全g>標(biāo)簽氧：用惕于特丹別強(qiáng)余調(diào)的隊(duì)文本農(nóng)，顯掃示粗則體字全，與<b釀>相似夜；⑶<c褲it財(cái)e>（Ci徑ta干ti受on）標(biāo)濟(jì)簽：補(bǔ)用于護(hù)引證奮、舉振例，之通常憂是斜偵體字尸；332．邏藥輯類(lèi)并型⑷<c喚od扁e>標(biāo)簽：用府來(lái)指竭出這客是一凍組代庭碼；⑸<s爪ma車(chē)ll版>標(biāo)簽：規(guī)忌定文乎本以語(yǔ)小號(hào)怎字顯掠示；⑹<b露ig黑>標(biāo)簽：規(guī)話定文卸本以蛙大號(hào)頓字顯畝示；⑺<s死am資p>（Sa各mp稻le）標(biāo)略簽：顯蒙示一津段計(jì)潤(rùn)算機(jī)經(jīng)常用柿的字高體，孔即寬度蚊相等賄的字約體；342．邏繩輯類(lèi)發(fā)型⑾<s辭ub伏>標(biāo)簽：用志來(lái)表敲示帶招有下標(biāo)的變倘量；⑿<s攻up靜>標(biāo)簽：用受來(lái)表持示帶澤有上標(biāo)的變墻量。第2講轎二、簽圖像灘的處?kù)`理學(xué)習(xí)洞目標(biāo)理解擺矢量丙圖和攏位圖樂(lè)的區(qū)江別，枝了解抖常用壇的We勇b圖像悉格式險(xiǎn)。理解We象b圖像齊的處賭理流即程，喘初步我掌握似基本兩的We帝b圖像踏處理護(hù)操作歸。掌握灣在網(wǎng)史頁(yè)中朝插入甘圖像逃的方啄法，春理解散圖像定在網(wǎng)那頁(yè)中波的作挽用和We樓b圖像料的基狗本使懶用原允則。矢量聰圖矢量綢圖形施是指侍用線逃條和攝填充遮色等數(shù)學(xué)辭信息來(lái)描曾述圖澤像的晃一種搭圖像率類(lèi)型勒。制作趨矢量蕉格式全圖像則的軟島件有Fr茅ee箭ha蛇nd、Il英lu哭st臂ra擊to歪r、Co芝re助lD駕ra滴w、Au糖to煌CA頃D。位圖位圖摔是指隨用像素猾一點(diǎn)哨一點(diǎn)地描客述圖崇像的困一種鉛圖像臣類(lèi)型扯。常用園的位病圖編撿輯軟痕件有Fi疑re軋wo擴(kuò)rk妨s、Ph獨(dú)ot通os艦ho尾p、Im捧ag效eR鍛ea史dy、Ph紙ot貍oI干mp茶ac駛t等常用We汗b圖像獸格式GI遺FJP寧EGPN爪GGI羊FGI詳F（Gr拼ap狐hi義cs眨I膨nt池er黨ch方an仁ge嶼F淋or盞ma老t，圖次形交昆換格下式）膚格式軟的特夢(mèng)點(diǎn)：無(wú)損踢壓縮最多25愁6色能夠有使用條透明殼色有所筋占存繼儲(chǔ)空錫間小泄、下票載速船度快烈、支易持動(dòng)亞畫(huà)等爐特點(diǎn)JP誕EGJP惱EG（Jo母in蔥t疼Ph顯ot延og爐ra轉(zhuǎn)ph姿ic擦E截xp汁er距t普Gr壯ou底p，聯(lián)氧合圖受形專(zhuān)課家組永）格蝕式的傷特點(diǎn)圈：有損芽壓縮24位顏單色可以談控制鼓壓縮社比圖像謎質(zhì)量喉好，嚷對(duì)具勤有連掏續(xù)色程調(diào)的鉤圖像疤有最彼佳效瓣果PN起GPN問(wèn)G（Po挨rt炒ab司le該N藏et賄wo德rk價(jià)G奮ra岸ph罷ic銹s，可備移植市的網(wǎng)箏絡(luò)圖梅形）飛格式征的特鼓點(diǎn)：無(wú)損唯壓縮24位顏永色支持驢透明元度BM掀P圖像察文件瓣因?yàn)檠氪鎯?chǔ)櫻空間肅大，偵傳輸兩不夠涼快，皂所以恨并不柔常用,常用逮的是jp警g文件弓和gi楊f文件柿。對(duì)于則徽標(biāo)籠、公攤司廠互標(biāo)等念在每割一主耳頁(yè)顯絨示，要求伴能快融速下濟(jì)載并工能在戲低配疏置的壞系統(tǒng)田中查溜詢的陣圖像,應(yīng)采偽用GI車(chē)F格式而對(duì)歲于掃歡描圖羞片、葬藝術(shù)制作品柔這種對(duì)顯蘇示質(zhì)旨量要鞭求很妹高的必圖像秤則應(yīng)起采用JP里EG格式。圖像東使用種說(shuō)明背景聚圖案故的設(shè)條定在網(wǎng)個(gè)頁(yè)中篇可以兆用圖眨像平尚鋪的付方法車(chē)制作長(zhǎng)背景慮。定義味背景露圖像賓的語(yǔ)鍛法格扇式如任下：<b白o(hù)d洪y檔ba千ck吸gr勉ou服nd塑="水im娛ag長(zhǎng)e-竭UR摘L"灶>其中無(wú)，“im疫ag斜e-綠UR促L”指圖守像的蜘位置疏。說(shuō)明作：注意跪平鋪碧的效禿果：在啞建立植這種證形式扎的背攻景之溜前，衛(wèi)首先仆要確瓣定所饅選定斃的圖廢案能油否看忍上去無(wú)痕晌跡地津連接煎在一題起，或隙者能透否產(chǎn)煎生一居種較妙好的始背景頭效果瞧。盡量藝不用：用角平鋪揀圖像衣作背織景，連將極灣明顯芽地降銳低網(wǎng)桃頁(yè)的美顯示叔速度故。唯遙一的赤解決弄辦法豈就是識(shí)盡量彎使用饅小的幕圖像茅文件憑，如途果可僅能的屢話則泛不用輔。<i備mg梳>是用鄙于導(dǎo)霜入圖倍像文某件的鳳標(biāo)簽佛，使樣用此潔標(biāo)簽盞可將陽(yáng)圖像磚文件議導(dǎo)入挨到HT缸ML文件粥中顯姐示。<i劉mg蟲(chóng)>沒(méi)有緊結(jié)束疤標(biāo)簽兼，因品為當(dāng)城瀏覽醒器只讀有讀溫取到<i朱mg凍>標(biāo)簽她時(shí)，秀會(huì)直沉接顯腳示此痛標(biāo)簽牙所代油表的塞圖像侮。1．格根式：<i踩mg扭s要rc瞇="煌im率ag佳e-斜UR受L"惑>網(wǎng)頁(yè)享中插測(cè)入圖順形2．說(shuō)灶明：sr我c屬性網(wǎng)是用怪來(lái)指舟出一出個(gè)圖興像的碧文件乒名，差或是黑指出UR梨L的路溫徑名拒。如果森圖像猜的顯精示有療問(wèn)題偵，應(yīng)騰該檢貿(mào)查以充下內(nèi)善容：①常文件遇名是顧否書(shū)莫寫(xiě)正尿確；②側(cè)圖像段文件獻(xiàn)是否充是BM肺P、GI涼F或JP借G格式慌；③曉是否啊已經(jīng)廟打開(kāi)腔了瀏允覽器可的圖聰像下毅載功稠能。葉若章上述傳幾項(xiàng)宋全部博正確慶，圖摩像就堪能夠奇顯示糾出來(lái)斯。小技派巧：如果駛在同仙一個(gè)前文件陵中需聽(tīng)要反或復(fù)使哥用一典個(gè)相雷同的偉圖像印文件渾時(shí)，最好某在<i盯mg赤>標(biāo)簽拆中使閣用相捧對(duì)路牌徑名，而妥不是路使用巧絕對(duì)釣路徑態(tài)名或UR麥L。因隔為使用快相對(duì)頑路徑圈名，游瀏覽援器只播須將戀圖像靈文件獎(jiǎng)下載侄一次，再易次使關(guān)用這巨個(gè)圖是像時(shí)稻，只名要重父新顯趨示一槐遍即潑可。簽如果使用覆的是殊絕對(duì)泊路徑園名，攔每次饞顯示過(guò)圖像宜時(shí)，綠都要啊下載然一次嬌圖像，這偶將會(huì)帳大大鞭降低叼圖像淚的顯六示速色度。im墳g標(biāo)簽罷屬性既的使或用圖像慘的取看代文諒字設(shè)定瞇圖像濟(jì)的高技度和霞寬度設(shè)定薯圖像藏的邊勿框設(shè)定湯圖像怪的對(duì)泉齊方躬式設(shè)定秘圖像帳與文控本之惑間的豆距離<i站mg喉>標(biāo)簽妻中的al撥t屬性比：當(dāng)瀏肢覽器煩不能譽(yù)顯示懼圖像蟲(chóng)或找鏡不到壩圖像令時(shí)，爸它可怠以將al企t引導(dǎo)早的文孩本顯靠示在堆屏幕摩上，配從而基替代欣看不閱到的楊圖像艦。<i翻mg花s哥rc稻="恒fa護(hù)ce友.g晃if奧"柜al考t=略"M暫Y羞FA論CE御:丙-)椒">圖像佛的取邁代文諷字al欣t<i給mg歉>標(biāo)簽倚中還側(cè)提供府了兩傾個(gè)屬盯性：he弄ig象ht和wi夕dt榴h，用她來(lái)設(shè)蘭定圖迫像的辟高度峽和寬重度，默二者?？扇∽屜袼乜嬷祷蚧蟀俜滞薇龋⊕鄬?duì)播窗口于）。示例篇：<i蠅ma逝ge失s劣rc板="恒fh滑.j邊pg寨"輸he腹ig漢ht攜=6范0劇wi胃dt見(jiàn)h=基80溪>設(shè)定至圖像當(dāng)?shù)母哂浂群团矊挾仍O(shè)定槽圖像伸的邊只框bo宰rd狂er<i露mg遵>標(biāo)簽紡的bo搞rd棕er屬性泰可以辱給圖識(shí)像加帥一個(gè)賴邊框限。若bo阿rd墨er項(xiàng)默吵認(rèn)或忍取值腹為0時(shí)，蝴圖像薪?jīng)]有曲邊框磨。<i先ma齊ge貓s蜓rc濕="尋fh傳.j走pg擁"學(xué)bo劈燕rd釣er瓜=5鋒>在<i蛋mg服>標(biāo)簽達(dá)中使黎用al建ig邊n屬性董，可但控制源圖像部相對(duì)晌于文溉字基侄準(zhǔn)線灶（文摔字中權(quán)線）茶的水駛平對(duì)群齊方旺式，純其語(yǔ)揀法如巡壽下：<i嬸mg甩a勒l(shuí)i位gn俱=t會(huì)op、mi墻dd草le、bo勸tt悄om、le澡ft或ri辯gh辯t>各屬黑性的量設(shè)置李值意零義如則下表駛所示港：設(shè)定交圖像進(jìn)的對(duì)奶齊方村式al蔬ig佳nal盤(pán)ig濤n屬性窄的設(shè)長(zhǎng)置值圖像居右right圖像居左left下對(duì)齊bottom居中對(duì)齊middle上對(duì)齊top對(duì)齊方式設(shè)置值把文草本排唱到圖勇像下泊面如果距文本鳴還沒(méi)恩有填畫(huà)滿圖駝像周廚圍的塔空間醋時(shí)，繡就希惕望從麗圖像壯下面療重新媽開(kāi)始亮另一泊行文巾本，怪這時(shí)鴨，普師通的絡(luò)換行釣標(biāo)簽<b略r>就不術(shù)起作日用了畏，它拌只能訴在圖濱像旁杰邊另伴起一寨行，繁而不延能把豬文本柱排到會(huì)圖像胡下面漆去，格這就虜需要寫(xiě)在<b泄r>標(biāo)簽喝中使殺用cl相ea寨r屬性簽來(lái)滿洗足這壟一要號(hào)求：圖像幻玉使用僵原則在使危用圖秒像的麥問(wèn)題冠上，付網(wǎng)頁(yè)剖的制搞作者鵝可能笨會(huì)與惹瀏覽蠅者產(chǎn)慈生一票些矛握盾。債比如利，制貧作者嘗往往爸希望醉在自濱己的森網(wǎng)頁(yè)欠上有蘿一些梳漂亮徐的圖閥像，鐵使網(wǎng)狹頁(yè)充迫滿藝膊術(shù)的進(jìn)魅力源；而紫瀏覽挪者常泡常因慮為網(wǎng)蹤蝶頁(yè)下嘴載時(shí)拆間太龜長(zhǎng)而教不耐昨煩，警甚至攪不愿離等著按下載著全部社內(nèi)容罩。因牽此，吼我們嚇可以搭采用概以下脅的方拴法來(lái)彎緩解粥這個(gè)面矛盾寺：1．在賺設(shè)計(jì)磨網(wǎng)頁(yè)丹時(shí)，序應(yīng)該辨反復(fù)恥斟酌峽哪些者圖像聲必須暮要，另哪些崖圖像距可有雕可無(wú)爐，對(duì)惹于那統(tǒng)些不用是必謠需的烘圖像盤(pán)，要趁舍得花忍痛隸割?lèi)?ài)等；2．把市圖像側(cè)盡量拴做得先小一庸點(diǎn)，象小圖僵像在賴網(wǎng)上鋪的傳妄輸速柔度比象較快萬(wàn)，這灶對(duì)于謝網(wǎng)絡(luò)萌傳輸擋速度誦較慢灶的用著戶更壺為重項(xiàng)要。英較小狠的圖河像可叨以是裳尺寸江比較杜小，攻也可泰通過(guò)歐減少勻圖像安顏色富使圖紅像文理件減驢?。?．為酷了使韻不支捉持圖糖像的檔瀏覽藏器能獸看到構(gòu)文本不，可塵以同斑時(shí)使泉用圖如像和AL位T的純退文本抬格式助，這柴樣，姐能使低更多著的用央戶看筑全這凝個(gè)網(wǎng)啄頁(yè)；列表毅項(xiàng)目列表雁項(xiàng)目無(wú)序淺列表ul有序慨列表ol3嵌套倒列表4描述紹性列助表dl名/d筒t/蹄dd無(wú)序輪列表炭（Un匠or性de針re效d習(xí)li咬st）也跌稱(chēng)強(qiáng)認(rèn)調(diào)式輪列表謹(jǐn)，它橋是一賀種在梳表的嗎各項(xiàng)齡前顯識(shí)示有仔特殊鹿項(xiàng)目棄符號(hào)雷的列隱表。定義搖無(wú)序賀列表秒需要吃使用忙無(wú)序串列表寇標(biāo)記疤符<U仗L>嚇</崖UL施>和列魯表項(xiàng)怕（Li盡st儲(chǔ)i淡te壤m(xù)）標(biāo)澤記符<L墨I(xiàn)>際</嚷LI志>（結(jié)必束標(biāo)聰記符腥可省攪略）1無(wú)序騰列表ul1．格確式：<u吹l勝ty是pe顧=值><l錘i>項(xiàng)目晌符號(hào)<l褲i>項(xiàng)目萍符號(hào)……</此ul引>2．說(shuō)秘明：①獅使用ty廚pe屬性善來(lái)控諸制標(biāo)禾號(hào)的徑類(lèi)型掃，見(jiàn)寄表1②在同攝一個(gè)詞無(wú)序寒列表舟中，姨下一攀個(gè)<l峽i>的出蔽現(xiàn)，灰就表羅明上火一個(gè)擁列表蓬項(xiàng)的兵結(jié)束私。無(wú)序距列表局語(yǔ)法無(wú)序篇列表坦的ty熄pe屬性會(huì)表設(shè)定一個(gè)方形實(shí)心的行標(biāo)號(hào)■type=square設(shè)定一個(gè)空心圓點(diǎn)的行標(biāo)號(hào)○type=circle設(shè)定一個(gè)實(shí)心圓點(diǎn)的行標(biāo)號(hào)●，默認(rèn)項(xiàng)type=disc含義type取值2有序米列表ol有序全列表桌（Or綱de奏re爽d洽li炎st）：做也稱(chēng)數(shù)字娛式列奴表，它土是一慣種在點(diǎn)表的記各項(xiàng)膜前顯陣示有痛數(shù)字踏或字窄母的辯縮排墻列表嗓。定義平有序跡列表迎需要舊使用胖有序錘列表施標(biāo)記刮符<O牧L>稅</嬸OL猜>和列峰表項(xiàng)僵（Li底st鋸i豈te抬m）標(biāo)瞇記符<L場(chǎng)I>資</稠<L糖I>（結(jié)籮束標(biāo)房誠(chéng)記符照可省蓮略）單，語(yǔ)淚法如消下：<o懷l武t檢yp搭e=值1叼st竊ar秒t=值2><l熄i>項(xiàng)目凱符號(hào)<l固i>項(xiàng)目殖符號(hào)……</橡ol碼>有序勝列表?yè)系亩ǖ芰x2．說(shuō)既明：①介在同敘一個(gè)墻有序稼列表紹中，西下一紋個(gè)<l憶i>的出冶現(xiàn)，液就表短明上骨一個(gè)全列表的項(xiàng)的盟結(jié)束顯。②涌順序掀編號(hào)找是由綁屬性ty蝦pe和st伯a(chǎn)r訪t來(lái)設(shè)脈置的菜。ty犁pe表示紀(jì)標(biāo)號(hào)承的類(lèi)瘦型，污比如芹數(shù)字袖、字系母以廟及羅晚馬字趙母；st圈ar光t屬性弱表示各列表銹清單搭的標(biāo)寺號(hào)從窩第幾襯項(xiàng)開(kāi)妥始表2列出且了ty詠pe屬性完的取孩值及抬含義諒。有序愛(ài)列表輝的TY狗PE屬性虎表表示列表項(xiàng)用小寫(xiě)羅馬字母標(biāo)號(hào)（I，II，III…）type=I表示列表項(xiàng)用大寫(xiě)羅馬字母標(biāo)號(hào)（i，ii，iii…）type=i表示列表項(xiàng)用小寫(xiě)字母標(biāo)號(hào)（a,b,c…）type=a表示列表項(xiàng)用大寫(xiě)字母標(biāo)號(hào)（A，B，C…）type=A表示列表項(xiàng)用數(shù)字標(biāo)號(hào)（1，2，3…），默認(rèn)項(xiàng)type=1含義type取值窗口查框架1窗口媽框架隨簡(jiǎn)介1.騙1什么帖是窗勿口框油架窗口叛框架鼓可用烘于將窗擇口畫(huà)粗面分秒割成迅多個(gè)帽小窗機(jī)口，且恨每個(gè)管小窗描口中旱，可德以顯尼示不獵同的暑網(wǎng)頁(yè)嚷，達(dá)到否在瀏惡覽器領(lǐng)中同配時(shí)瀏名覽多架個(gè)不珍同網(wǎng)葛頁(yè)的仆效果。在介普紹窗害口框拾架文悄檔之殲前，親先來(lái)盈看看步其應(yīng)駱用實(shí)境例，滑有一餐個(gè)感睡性認(rèn)千識(shí)，呆見(jiàn)下涉圖。1.件2窗口郵框架雹的基圾本結(jié)蟲(chóng)構(gòu)Fr漫am孤es忘et結(jié)構(gòu)悟的基紋本格胞式<f農(nóng)ra塑me樹(shù)se棵t><f擁ra躁me腸s獎(jiǎng)rc糖="敏ur侄l"獎(jiǎng)n幫am爪e=革“w故1”無(wú)><f窗ra偏me笑s壞rc決="四ur肝l"煎n纏am緣瑞e=柏“w貼2”掛>..僑.<N腥OF盆RA譜ME彎S>頂.盜..綱<諒/N因OF攏RA比ME述S></循fr阻am法es旬et殘>包含F(xiàn)r悠am辦es堅(jiān)et結(jié)構(gòu)廁的HT燭ML文件文件fr鼠am切eP弊ag戚e.億ht難m的源診代碼<h占tm暗l><h寧ea聞d>皺<t與it錦le惕>窗口節(jié)框架里文檔</稍ti荒tl掌e>斬</侄he憲ad德><f然ra簡(jiǎn)me亂se狠t瓜co根ls夫="基18襯0,定*"鐮><f恭ra胡me沿n毅am歪e=動(dòng)"w牙in睛do雅ws斥1"蝴s雨rc擦="宿le卡ft組.h互tm岔l"庸s描cr罪ol漠li昨ng嘴=a凳ut博o><f淡ra位me段n浮am壁e=腹"w必in畫(huà)do翅ws扁2"怨s俗rc削="早ma桐in辛.h堆tm楚l"沫><N光OF軋RA放ME社S>你的夠?yàn)g覽催器不唉支持由帶框斥架的子網(wǎng)頁(yè)</烏NO牢FR妙A(yù)M矩ES井></般fr咱am宗es豬et廟></略ht添ml含>說(shuō)盆明<f已ra索me給se圾t>標(biāo)簽原用于于定義默一個(gè)特窗口紗框架<f泊ra后me圾>則用另于定歲義窗映口框駛架中潮的子縫窗口窗口妥框架米文檔紅的書(shū)仁寫(xiě)格豎式與諷一般廢的HT您ML文檔羊的書(shū)買(mǎi)寫(xiě)格源式相置同，樂(lè)只是用<f礎(chǔ)ra惜me畫(huà)se讀t>代替<b袖od移y>標(biāo)簽，<f豆ra鏈me渡se歇t>是一寶個(gè)成涂對(duì)標(biāo)境簽，患有開(kāi)笑始和四結(jié)束蘿標(biāo)簽鄰，在<f話ra號(hào)me善se慨t>標(biāo)簽憑內(nèi)使倒用了枕另一秤個(gè)標(biāo)員簽<f狠ra授me謹(jǐn)>，用曬它來(lái)躁指定毯每一仆個(gè)窗單口的歲內(nèi)容稼。1.撒3窗口兇框架亂的分?jǐn)喔罘郊奘酱翱谠捒蚣茴伒姆痔じ罘街晔娇山锓譃殂^兩種槐，一拆種是闊水平憲分割(ro框ws屬性)，另必一種盯是垂朋直分掘割(co祖ls屬性)。2窗口宵框架樂(lè)控制<f化ra擺me簡(jiǎn)se磁t>是成智對(duì)標(biāo)氏簽，首憤標(biāo)簽<f握ra闖me色se避t>和尾書(shū)標(biāo)簽</諒fr名am羊es陳et那>之間跪的內(nèi)剪容是HT啄ML文檔箏主體網(wǎng)部分股。使用振框架摟的HT妙ML文檔攻中不蘭能出秋現(xiàn)<b落od永y>標(biāo)簽，否望則會(huì)辛導(dǎo)致we懼b瀏覽之器忽冶略所測(cè)有的儉框架掏定義陳而只川顯示<b致od覺(jué)y>和</宇bo胃dy羅>之間錘的內(nèi)碌容。<f精ra專(zhuān)me輪se醬t>標(biāo)簽帽主要姿有ro鉗ws、co擠ls、bo懂rd眨er、bo蘭rd痕er酸co駐lo大r和fr如am夏eb幣or堂de呀r五個(gè)守屬性。2.探1框架忙設(shè)置暫標(biāo)簽fr較am殊es排et1．格遣式：<f岔ra兩me愁se恢t渣ro巖ws拔="值1,值2,絹..櫻.值n"脈><f打ra徹me寸se毫t洗co嚼ls晃="值1,值2,拒..背.值n"陶>2．說(shuō)錦明：⑴ro墳ws說(shuō)明影窗口糕橫向是分隔根情況詠，co梢ls說(shuō)明陵縱向縫分隔小。⑵辣各參鹿數(shù)值蝕之間芹用逗號(hào)分隔享，依驅(qū)次表絕示各獲個(gè)子蛾窗口四的高蕉度（良寬度畫(huà)）。一、陵水平/垂直姓分割窗口沸屬性ro聰ws臘/c客ol脅s⑶赴ro粉ws和co嚷ls可以蠢用數(shù)字很、百稀分比健或剩既余值猾以及朱這三芝種方澆式的聰混合來(lái)表胡示：①岔數(shù)字鑼?zhuān)罕硎居妥哟傲靠诟呱⒍龋ㄓ硨挾饶┧櫿嫉淖锵袼厥椟c(diǎn)數(shù)毅。②鞏百分里比“%”：表課示子燦窗口先高度紹（寬素度）幅占整喘個(gè)瀏翼覽器墨窗口傍高度刪（寬宣度）準(zhǔn)的百愁分比犬。一、柴水平/垂直叔分割窗口飄屬性ro疑ws去/c悉ol叮s⑶尿ro溫ws和co某ls可以驚用數(shù)字腐、百語(yǔ)分比租或剩瞇余值丟以及顧這三餃種方譽(yù)式的宣混合來(lái)表本示：③剩炭余值導(dǎo)“*治”。表辱示當(dāng)舊前所賄有窗央口設(shè)繳定之叨后的口剩余沫部分鳳。當(dāng)辣符號(hào)照*只妥出現(xiàn)竊一次決，即烈其他陜子窗熟口的瓦大小鉗都有腰明確善定義懷時(shí)，渣表示齊該子啞窗口頑的大器小將忍根據(jù)斷瀏覽羨器窗你口的犯大小秩而自市動(dòng)調(diào)腐整。咬當(dāng)符絞號(hào)*耐出現(xiàn)鼠一次隔以上畏時(shí)，盾表示按比皺例分割割瀏覽捉器窗殃口的就剩余島空間妹。一、臉?biāo)?垂直粒分割窗口驚屬性ro研ws縮慧/c春ol搖s例如1：<f教ra蔬me智se幸t婦co辭ls風(fēng)="密40萄%,捆2*趨,*腔">表示數(shù)將瀏衰覽器似窗口壁分割鞏為3列：第一聞個(gè)子顆窗口崇在第嗎一列葵，窗欠口寬康度為耀整個(gè)么瀏覽閉器窗遭口寬革度的40雞%；第二烈個(gè)子麥窗口銅在第施二列殘，占立瀏覽蚊器窗康口剩畫(huà)余空翼間的2/雕3，即梨其寬命度為鞠整個(gè)層瀏覽虜器窗駝口寬煙度的40澤%；第三冤個(gè)子桃窗口衡占剩留余空轉(zhuǎn)間的1/熄3，寬拾度為脅整個(gè)聽(tīng)瀏覽吃器窗自口寬岔度的20充%。例2：橫讓向與津縱向蹈同時(shí)津分割<H涂TM責(zé)L><H話EA臥D><T院IT課LE起>S噸im蓬pl戴e兵FR毅AM挽ES六ET絮</久TI闖TL乎E></零HE馬AD喂><F爭(zhēng)RA繡ME松SE帳T被co茄ls話="教40韻%,炮60飼%"削r墾ow冰s=歷"2辯*,媽*"嘩><F例RA望ME禁n車(chē)am狗e=刃"T濕op帶Le哀ft浩"銅sr明c=句"r敞ed醋.h存tm烤"><F脆RA棉ME趟n博am強(qiáng)e=踐"T遷op帽Ri榮gh罪t"富s逮rc泥="哄gr州ee妨n.畝ht柳m"討><F追RA年ME春n死am享e=眨"B歉ot它Le技ft頌"飄sr仰c=至"b街lu忠e.意ht鞠m"野><F羊RA都ME司n籮am貌e=噴"B遵ot墳Ri藝gh醫(yī)t"祥s墓rc福="級(jí)wh煙it詞e.壩ht反m"損></樸FR西AM揪ES慈ET奧></曾HT羽ML胡>例3：嵌遲套分框割<F舉RA螞ME嫌SE扣T鉤ro扣ws鴉="回10蘆5,冶*"濤><F怎RA魂ME曲n弊am搶e=隔"a紹db肅an步ne肢r"架s厲rc局="嘴1.甲ht芬m"獸><F抓RA拋ME墓SE洲T武co影l(fā)s饅="抄40拐%,鞋60吸%"橡><F愿RA攜ME涌n梁am討e=忍"l芝ef凈t"增s邁rc叉="斥1.叔ht尋m"藏><F需RA塊ME萍SE朽T廈ro撈ws著="燭*,俯*"苦><F因RA書(shū)ME坊n斜am是e=群"t襲op偶"育sr泉c=未"1沈.h舅tm蜂"><F芒RA頸ME撓n熊am備e=顫"b撲ot箱to終m"堵s算rc旨="葉1.煙ht舊m"筑></射FR性AM坊ES宇ET班></疏FR巖AM塊ES使ET施></郊FR致AM語(yǔ)ES鞠ET克>在<f至ra歲me陜se蔥t>標(biāo)簽叢中，羞可運(yùn)離用bo陜r(jià)d煙er屬性控制鞏分割評(píng)窗口孟的框嘴架的逃寬度，其鋼語(yǔ)法榨如下遼所示襪：<f先ra娃me閥se膜t形bo態(tài)rd持er帖="數(shù)值">其中凡的數(shù)寄值代婆表此柿窗口鉤框架誼的寬割度，討單位謊為像蒼素。二、叛設(shè)置努窗口逗框架寬度貞屬性bo釋rd績(jī)er在<f喂ra片me閘se眾t>標(biāo)簽饞中，頸可運(yùn)幅用bo罵rd行er主co鞏lo村r屬性設(shè)置幫邊框教的顏垮色，其止語(yǔ)法丸如下抽所示掘：<f召ra敬me瓶se最t彩bo舅rd傘er腥co壁lo訪r=此"#疤">其中腿的#代表扯此邊喪框的步顏色克，取榮值可種為RG償B代碼稠。三、桑設(shè)置糖邊框顏色手屬性bo吼rd踢er袍co奇lo堡rfr炮am勸eb炎o(hù)r齊de狗r屬性犬用于控制加窗口壞框架驕四周賺，是葡否顯桑示框聯(lián)架。此窗屬性先可使餡用在<f短ra窗me胃se曾t>標(biāo)簽介與<f氣ra彈me戀>標(biāo)簽掩中，劉使用長(zhǎng)在<f孫ra煙me淹se島t>標(biāo)簽文內(nèi)時(shí)運(yùn)，可誓控制憂窗口栽框架煤的所蹲有子邁窗口央。使怕用在<f境ra屆me姑>標(biāo)簽葛時(shí)，泛則僅從能控謎制該舟標(biāo)簽誼所代奴表的勵(lì)子窗擇口，埋其語(yǔ)呈法為泄：<f提rm透ae壘se巷t液fr怎am救eb屑o(jì)r衛(wèi)de遍r=疊0或1>0代表飼不顯卵示框茶線，1代表體顯示孩框線踏，其倘默認(rèn)肥值為1。四、從設(shè)置處框架隱藏睜屬性fr吐am術(shù)eb晨or余de泡r2.堆2子窗霞口設(shè)雹置標(biāo)澇簽fr溪am乳e每個(gè)漁子窗慰口均舊由<f程ra畫(huà)me贏>標(biāo)簽灘定義<f離ra賣(mài)me盒>是單泥個(gè)的蘇標(biāo)簽挨，使雪用時(shí)屠，將那它寫(xiě)勒在<f柜ra送me扒se勇t>的開(kāi)控始和仇結(jié)束婚標(biāo)簽澤之間襯，它主要巴有六休個(gè)屬譜性：sr斗c、na歐me、ma禁rg餃in率wi售dt酸h、ma璃rg盤(pán)in緊he皇ig數(shù)ht、sc拍ro猛ll械in鏈g和no臘re助si固ze。sr崗c屬性尊是用正于指定鞭要導(dǎo)菌入到陸該子猴窗口荷的HT遠(yuǎn)ML文件，其蕩語(yǔ)法老如下猶所示京：