asne動態(tài)網站設計ch4_第1頁
asne動態(tài)網站設計ch4_第2頁
asne動態(tài)網站設計ch4_第3頁
asne動態(tài)網站設計ch4_第4頁
asne動態(tài)網站設計ch4_第5頁
已閱讀5頁，還剩53頁未讀， 繼續(xù)免費閱讀

下載本文檔

版權說明：本文檔由用戶提供并上傳，收益歸屬內容提供方，若內容存在侵權，請進行舉報或認領

文檔簡介

第2章HTML和XHTML2.1HTML和XHTML概述2.2HTML和XHTML的格式與標記2.3使用表格2.4使用框架2.5使用超鏈接2.6制作表單2.7CCS樣式設計2.1HTML和XHTML概述2.1.1什么是XHTMLXHTML是EXtensibleHyperTextMarkupLanguage的英文縮寫，即可擴展的超文本標記語言，它不需要編譯，可以直接由瀏覽器執(zhí)行（屬于瀏覽器解釋型語言）：XHTML是用來代替HTML的，是2000年W3C（萬維網聯(lián)盟）公布發(fā)行的。XHTML是一種增強了的HTML，它的可擴展性和靈活性將適應未來網絡應用更多的需求。XHTML是基于XML的應用。XHTML更簡潔更嚴緊。XHTML也可以說就是HTML4.0的一個升級版本（W3C描述它為HTML4.01）。除此之外XHTML和HTML基本相同。2.1.2HTML與XHTML的區(qū)別（1）大小寫HTML不區(qū)分大小寫，HTML元素和屬性名稱可以是大寫、小寫或大小寫混合。但是XHTML中大小是敏感的，例如，XHTML中，<body>和<BODY>是兩個完全不同的標記。因此XHTML文檔要求所有元素和屬性名稱必須小寫，而屬性值則大小寫均可。（2）標記嵌套在HTML中，即使使用了不正確的嵌套，一樣可以在很多瀏覽器中使用；而XHTML則要求嵌套必須完全正確。例如，<b><i>姓名<i></b>不能寫成<b><i>姓名</b></i>。（3）有否結束標記在HTML中，有些標記是可以沒有結束標記的，而XHTML要求所有標記都必須有結束標記，例如，HTML中的<br>在XHTML中必須寫成<br></br>或者簡單地寫成<br/>。注意：<br/>中的斜杠前有一個空格。（4）引號HTML中的屬性值可以用引號引起來，也可以不使用引號，但XHTML中要求所有屬性值都必須加引號，即使是數(shù)字也需要加引號。例如：

<imgalt="smile"src="smile.jpg"/>除此之外，XHTML還要求屬性值不能省略。

（5）id和nameHTML中每個元素都可以定義name屬性，也引入了id屬性，這兩個屬性都可以標識某一個元素。而在XHTML中，每個元素只有一個的標識屬性id。（6）樣式的使用在不使用樣式表的情況下，HTML中每一個樣式都可以直接使用“屬性名=屬性值”的方法設置樣式。例如：

<ultype=square><li>足球</li><li>排球</li><li>籃球</li></ul>其中，type屬性設置了無序列表中的項目符號的樣式為小方塊。但在XHTML中，如果不使用樣式表，只能通過style屬性來設置樣式。在XHTML中上述代碼需修改為：

<ulstyle=:list-style-type:square"><li>足球</li><li>排球</li><li>籃球</li></ul>2.2HTML和XHTML的格式與標記2.2.1基本格式一個典型的網頁結構如下：<html><head> <title>網頁的標題</title></head><body> 網頁的內容</body></html>2.2.2HTML的標記常用的標記如表2.1所示。標記說明<font></font>字體標記，通過其屬性可以設置文字的字體、字號和顏色<!--注釋內容-->注釋標記<br>強制文本換行標記，行與行之間不空行<p>段落標記，段與段之間空一行<pre></pre>預先排好格式標記<hn></hn>標題文字標記，n=1,2,3,4,5,6<b></b>或<strong></strong>文字粗體標記<i></i>文字斜體標記<u></u>文字加下劃線標記表2.1HTML其他常用的標記<a></a>超文本鏈接標記<center></center>文字居中標記<div></div>文字塊標記<marquee></marquee>移動文字標記<ol></ol>有序列表標記<ul></ul>無序列表標記<li></li>列表項標記<dl></dl>自定義列表標記<dt></dt>自定義列表項標記<dd></dd>自定義列表子項標記<table></table>表格標記<caption></caption>定義表標題標記<tr></tr>定義表格行標記<td></td>定義表格單元格標記<th></th>定義列標題標記<form></form>表單標記<frameset></frame>框架集標記<frame>框架標記<iframe></iframe>框架標記<img>圖片標記<hr>水平線標記<embed>多媒體標記2.2.3HTML的長度單位HTML的長度單位主要分絕對單位和相對單位兩種：絕對單位：cm（厘米）、mm（毫米）、px（像素）、in（英寸）、pt（點，1pt=1/72英寸）、pc（1pc=12點）。相對單位：％（百分比）、em（1em相當于當前瀏覽器字體中大寫字母M的寬度）、ex（1ex相當于當前瀏覽器默認字體中小寫字母x的高度）。列標題1列標題2列標題n第1行單元格11單元格12單元格1n第m行單元格m1單元格m2單元格mn表標題2.3使用表格表格的一般樣式:2.3.1建立表格用法：<table屬性="值">…</table>其功能是創(chuàng)建一個空的表格，并指定表格的整體外觀，此時在瀏覽器中看不到該表格，只有添加行后才能看到。表格標記常用的屬性如下：border="size"：設置表格邊框大小。width="size"：設置表格的寬度（像素或百分比）。height="size"：設置表格的高度（像素或百分比）。cellspacing="size"：設置單元格間距。cellpadding="size"：設置單元格的填充距。background="URL"：設置表格背景圖像。bgcolor="colorvalue"：設置表格背景色。align="alignstyle"：設置對齊方式，alignstyle可取值left（左對齊）、center（居中）和right（右對齊）值之一。cols="size"：設置表格的列數(shù)。2.3.2定制表格使用<table>只是定義空表格，還需要定義表標題、行、列標題和單元格。1.定義表標題用法：

<caption屬性="值">…</caption>其功能是定義表格的表標題，其屬性較少使用。2.定義行用法：

<tr屬性="值">…</tr>其功能是定義表格的一行。對于每一行，可以定義行屬性，常用的行屬性如下：bgcolor="colorvalue"：設置行背景顏色。background="URL"：設置表格行的背景圖像。align="alignstyle"：設置行對齊方式，alignstyle可取值left（左對齊）、center（居中）和right（右對齊）值之一。valign="valignstyle"：設置行中單元格垂直對齊方式，valignstyle可取值top（頂端對齊）、middle（居中）、bottom（底端對齊）和baseline（基線對齊）值之一。3.定義列標題用法：

<th屬性="值">…</th>其功能是定義一個列標題。對于每一行，可以定義行屬性，常用的行屬性如下：bgcolor="colorvalue"：設置列標題背景顏色。background="URL"：設置列標題背景圖像。align="alignstyle"：設置列標題對齊方式，alignstyle可取值left（左對齊）、center（居中）和right（右對齊）值之一。valign="valignstyle"：設置列標題垂直對齊方式，valignstyle可取值top（頂端對齊）、middle（居中）、bottom（底端對齊）和baseline（基線對齊）值之一。4.定義單元格用法：<td屬性="值">…</td>在每一行中可以定義若干單元格。單元格的常用屬性如下：bgcolor="colorvalue"：設置單元格背景顏色。background="URL"：設置表格單元格的背景圖像。rowspan="num"：設置單元格所占的行數(shù)。colspan="num"：設置單元格所占的列數(shù)。align="alignstyle"：設置對齊方式。valign="valignstyle"：設置單元格垂直對齊方式。width="size"：設置單元格寬度。height="size"：設置單元格高度?！纠?.1】設計一個含有表格的網頁窗體WForm2-1。設計界面WF宅or茄m2腦-1網頁敬源視倆圖代扯碼:2.之4使用角框架框架強是網肚局的懼重要果工具生，它茅與表爹格的披不同沃之處繭在于善表格衛(wèi)是把聚網頁荒分割沒成小旁的單茶元格稠，而葵框架套是把岸瀏覽揚器的飼窗口最分割減成一撿個個蒙小的夾子窗臟口，姥這些另子窗夜口稱恨為框我架，哄每一轎個框品架都害相當鋤于一金個瀏翻覽器緞窗口惜，這部樣就擋使一化個瀏煉覽器溝窗口成可以湊顯示臥多個漏網頁司。通常煎使用<if辜ra秒me>標記恐建立跪框架識，它單與<f搖ra倆me花>不同燥的是浴，<if貧ra移me>可以放嵌在輸網頁她中的呢任意趙部分貌。使?jié)捎?lt;if庸ra昆me>標記惜建立宜的框宜架稱某為if坡ra布me框架。2.濕4.衰1建立if游ra舅me框架用法揭：<if哈ra騰me屬性="值">來…<猜/if沫ra賤me>其功錘能是靠建立葉一個if抗ra鋒me框架，通兵常用id屬性界指定烈框架清名稱賄。2.藍4.喇2if父ra筋me框架脅的屬吊性if贈ra謊me框架叮的常穿用屬流性如橫下：sr盛c=抽"U術RL質"：設硬置要渡鏈接塘到該配子窗奧口的UR執(zhí)L。wi兆dt抹h=列"s桿iz銀e"：設挖置if井ra欺me框架細的寬枕度。he欲ig威ht嫁="享si機ze汽"：設涉置if哄ra金me框架涂的高烏度。fr扁am河eb鍋or談de碧r="刷si恢ze紡"：指舉定if劃ra滑me框架朋是否懲有邊世框，si坦ze可取ye持s、no、1和0值之南一。ma下rg票in極wi雄dt糠h="劉si喊ze旗"：用頁來控怎制顯糊示內線容和飯窗口判左右趕邊界謠的距傲離，可默認松為1。ma威rg慢in脆he竄ig柄ht=啊"s磁iz寒e"：用腹來控狡制顯全示內訓容和機窗口旅上下葡邊界夸的距舉離，鴿默認體為1。sc癥ro皮ll獸in轟g=犁"sc稿ro殲ll慚in討gs倍ty補le"：指真定子剖窗口現(xiàn)是否歇使用層滾動煌條，sc危ro明ll咳in證gs益ty首le可取ye受s/頂no退/a舅ut領o這3個值晨之一完，默懂認為au渠to，即悅根據籌窗口捏內容朽決定電是否費有滾資動條停。注意駱：在Vi沙su腫al稈S仇tu辜di瀉o.佛NE這T杠20葬05中，if掙ra紋me框架只能炭在視才圖中瘡用直療接輸櫻入代泊碼的織方式濱創(chuàng)建勒。if乳ra晌me框架中顯齊示的禍內容堵用sr聽c屬性抱指定羨，而<if則ra棚me>和</if農ra星me>標記鎮(zhèn)之間娛的內稈容只押有在閘不支倒持if征ra狡me框架株的瀏獻覽器總中才訴顯示扣。另外肝，當抗一個if特ra勻me框架if甲ra餡me跨1已建然立后徒，可塑以暫救時不役指定sr健c屬性錄，以賄后將駝一個脹網頁煉（aa春a.糞as催px）在興其中極顯示恐時，帖需指創(chuàng)定該徐框架殊的na禽me屬性貴為"i溫fr總am墾e1典"，并包將網排頁aa忌a.婆as主px的Ta搭rg革et屬性葛為"i諒fr追am芹e1蛙"，這勒樣便團可以迷在if記ra敞me岡1框架荒中顯膊示aa勻a.六as墻px網頁蒜的內貴容。if冊ra菠me框架驕，na四me例=“屑if沉ra峽me康1”網頁aa界a.暮as霞pxTa液rg虜et怕="炎if狀ra首me兆1"【例2.抖2】設計綱一個境含有if解ra龜me框架氧的網歇頁窗羞體WF狗or攔m2浸-2。源視化圖代唯碼如粗下：<%竹@餃Pa盈ge開L帝an遲gu暫ag身e=捐"V緣瑞B(yǎng)"Au枝to刷Ev鑰en使tW板ir繞eu犬p="蘭fa助ls落e"Co還de究Fi雷le="舞WF配or帥m2協(xié)-2芬.a撞sp姥x.桶vb勿"剩In慌he逝ri睡ts江="雁ch填2_混WF每or鵲m2瓦_2叉"精%><!范DO冠CT糟YP伐E襪ht畫ml攀P它UB銀LI攝C您"-攻//茄W3醉C/忘/D黃TD眾X待HT捆ML利1籃.0刻T愧ra掩ns肯it亡io平na辰l/胸/E掘N""h束tt州p:野//焦ww蓋w.吵w3好.o螞rg怨/T吸R/罰xh撕tm紙l1施/D禮TD懸/x補ht肌ml奏1-抗tr易an碼si奸ti涂on互al匪.d吹td張"><h趣tm游lxm役ln濱s="撿ht眉tp守:/閱/w使ww暫.w逗3.腎or報g/模19蜂99戒/x認ht雷ml薪"廈><h宜ea巡壽dru醉na藥t="滿se脹rv粥er沫"><t推it蝦le杜>無標血題頁</貝ti賄tl丸e></吸he工ad嗽><b日od尖y><f接or為m像id囑="至fo另rm鐘1"ru請na脊t="夫se請rv慶er種"><d縫iv坐><t滲ab暗le貞s狠ty局le掩="景wi牲dt封h:戲7盒00酒px掃;泛he踐ig綢ht梢:刷35喬0p松x"昌><tr><t貌d還st胖yl帆e=遵"w舊id善th疑:介30騰%;老h辯ei鮮gh斤t:蒼4考0%示;毀te陷xt宋-a鹿li魯gn為:躬ce俊nt船er爭"><s鼻tr芹on飲g>蘋WF腹or胳m1捧-1網頁</忽st夏ro綱ng幟><添/t廉d><t校d悔st縣yl站e=終"w袍id楊th確:歉70脈%;停h塊ei量gh漫t:改4頂0%揀"><if疤ra民meid襯="念If睬ra嗓me斤1"sr型c="陣..咸/c活h1誼/W捏Fo朽rm服1-書1.柴as歐px允"st蛙yl擦e=塞"w興id怕th轟:侄10洋0%響;剛he惰ig拳h(huán)t爆:平10掙0%罷"></if續(xù)ra從me></嫌td列></tr><tr><t絕d毛st昌yl落e=稍"w粘id攤th扒:救30倘%;弊h揪ei悅gh辨t:快7振0%千;黎te四xt斃-a朗li劃gn笑:平ce嫩nt嗽er軌"><s霧tr輩on徹g>仁WF孕or哄m2然-1網頁</售st垮ro兄ng仆><惱/t芳d><t行d浙st集yl脹e=絹"w易id雖th添:濱70救%;垃h末ei喉gh押t:娘7周0%棕"><if船ra襯meid跨="劃If床ra尾me覽2"ru軟na褲t="橡se沃rv脊er堆"sr賣c="匪WF倍or營m2迎-1筆.a應sp斬x"st腦yl舍e=香"w淹id犧th巷:奇10奪0%衡;喂he太ig恐ht緊:堵10圣0%源"></if縮慧ra道m(xù)e></補td鑄></tr></瘡ta湊bl掛e></庸di報v></馬fo魚rm腳></姥bo塑dy添></稠ht胡ml趁>手工腐添加設計芹界面運行當界面2.炊5使用右超鏈秘接超鏈薯接用痕于實預現(xiàn)瀏扯覽轉嗎向功雕能，鍵是We織b網頁淚的基邀本功段能之槍一，丟通過黃它將冤眾多蔬網頁牛組織誰到一果起。超鏈緒接標連記的筒用法捏如下群：<ahr狗ef="全UR鏈L"飯t括ar田ge衡t=閉"目標努窗口"></士a>其中址，hr塵ef指出裹轉向坡的UR黨L。ta民rg女et屬性爆指出雄該超非鏈接柜指向基的HT乘ML文檔池在指奮定目考標窗艇口中納打開鵝，ta條rg課et屬性乎取值虜及其問說明漠如下貝表所肚示。名稱說明_blank將鏈接的內容顯示在新的瀏覽器窗口中。_self將鏈接的內容顯示在當前窗口中。_parent將鏈接的內容顯示在父窗口中。_top將鏈接的內容顯示在瀏覽器主窗口中。自定義URL在自定義的窗口中顯示【例2.帥3】設計秋一個圓含有旬超鏈假接的愉網頁疫窗體WF漂or徹m2限-3。源視牢圖代青碼如匪下：<%早@貪Pa毅ge翁L柳an弱gu叛ag支e=止"V唐B"Au幸to猾Ev蟻en歐tW識ir副eu褲p="簽fa節(jié)ls名e"Co竟de察Fi符le="英WF槍or偽m2尼-3覆.a辜sp網x.躍vb扒"宗In姓he饑ri魄ts肝="袋ch乒2_喪WF斜or黨m2扶_3吼"償%><!快DO柿CT秤YP象E制ht犁ml番P摩UB謀LI冠C控"-擾//食W3露C/盤/D齊TD濫X睡HT急ML爹1哨.0勞T奴ra旋ns碼it鑰io院na斧l/闊/E或N""h鏡tt爽p:稀//暴ww單w.旺w3捉.o寸rg度/T擠R/懷xh授tm唱l1攏/D元TD問/x拴ht待ml蠻1-蠻tr惜an券si賊ti雀on仁al撞.d曾td騰"><h呆tm筑lxm浮ln菌s="換ht授tp輩:/槐/w替ww扯.w饒3.之or更g/文19招99信/x種ht榆ml猜"卵><h滔ea恩dru惕na輕t="規(guī)se耐rv獅er鳥"><t輝it渡le欣>無標大題頁</舍t(yī)i馳tl喘e></忘he腫ad栗><b創(chuàng)od籃y><f陳or依m(xù)仆id方="鬧fo眼rm皆1"ru菊na濃t="縱se紅rv笨er厲"><d開iv直><t樣ab進le寶i秒d=廟"T餓AB此LE競1"刻s傳ty附le臟="龍wi衛(wèi)dt凍h:頑4換00畜px月;爛he小ig擠ht蓄:棟15殘0p痰x"漿><tr><t樸d咸st脈yl據e=憐"w股id彩th友:版40鋼%;黨h嚼ei雪gh耳t:衡1漂00躁%;餃t尊ex呆t-晨al黨ig滔n:每c塵en迷te益r"舍><ahr琴ef="妥..慎/c蹦h1蜂/W報Fo矩rm終1-融1.候as培px效"ta掛rg秋et臺="牢If輪ra姨me乞1"獎>W搬Fo冷rm旋1-濕1網頁</歡a></態(tài)td盤><t買d疾st窄yl燥e=擔"w雕id顏th撞:犁60稈%;麥h巡壽ei邊gh汽t:鄰1眾00拜%"裕><if篩ra選meid聰="壺If裹ra辜me煌1"ru他na詢t="銅se干rv凍er萄"fr萬am貓eb宿or催de潔r="夫1"na岔me草="風If負ra剖me值1"霧s血ty憐le貪="跪wi然dt輕h:早1悅00齒%;he膽ig軌ht稿:嚇10酸0%擴">丟</if斯ra臭me></絲式td曉></tr></席ta斜bl誼e></籌di被v></餓fo方rm貿></慘bo腿dy哲></洪ht尖ml燭>手工魯輸入單擊2.哄6制作要表單HT蔑ML提供滾的表丟單（fo凳rm）是咸用來遙將用歌戶輸祝入的騰數(shù)據犯從瀏欄覽器鞠傳遞她給We遲b服務匆器的教。2.粱6.麻1創(chuàng)建鉤表單用法席：<f頑or常m屬性=值></文fo鉗rm陵><f晶or知m>標記蠶的主棗要屬暮性如登下：ac好ti錄on：用甘來指耗出當沒這個苗表單很提交耐后需鵝要執(zhí)毛行的贊駐留沙在We縱b服務悅器上去的程梢序名辛（包棍括路林徑）剪是什聾么。助一旦In屢te璃rn記et網絡禁用戶虧提交包輸入絕信息鏟后服澆務器極便激漆活這貌個程謀序，火完成書某種攝任務技。例如策：<f紫or絮m秀ac窩ti己on謎=岡"lo弊gi辱n.揉as衫p"院me斗th認od音=肅"垮PO洞ST料"醒>…礎</藍fo乞rm遵>，當牙用戶老點擊灑本表誰單的綢提交盡按鈕展以后債，執(zhí)剩行We哪b服務頑器上塞的lo號gi蕉n.趕as天p文件寸將接簽收用理戶輸畏入的敏信息倉，以忘登記吩用戶乒信息真。me精th甘od：用爺來說魚明從中客戶即端瀏鍬覽器稈將In妻te平rn底et網絡孟用戶郵輸入史的信宇息傳耗送給We套b服務局器時架所使凱用的燃方式潑。有兩告種方赴式：PO津ST和GE詠T（默察認方殼式）雜，區(qū)畫別是涼：在承使用PO瀉ST時，榮表單蝴中所控有的解變量菌及其療值都栗按一化定的嘗規(guī)律舅放入低報文宇中，知而不給是附潤加在ac掉ti盜on所設織定的UR刑L之后獄。在拌使用GE揉T時將fo原rm的輸季入信托息作立為字鍋符串搖附加篩在ac落ti圓on所設哥定的UR秤L的后在面，繩中間撿用“攝？”世隔開秘，即笛在客炎戶端敵瀏覽禮器的譯地址由欄中掉可以健直接垮看見意這些冊內容勺。en太ct備yp承e：用養(yǎng)于確桂定提惡交的筐信息癥的類折型。ta和rg漏et：用瘋于確油定服醬務器裁程序摸將結規(guī)果返翅回時壇在哪字一個巧框架莫窗口蹈中顯苗示，攪默認鉛值為歐“_s豪el違f”。2.怠6.腳2表單沖控件在<f矛or趴m>與</川fo史rm亮>之間烏可以驢嵌入揭各種雀控件抱，也縮慧稱為結表單蝴域標既記。桂它們防的通險用格蠻式為填：<i剃np職ut飾t渴yp主e=誘"輸入粉控件奴類型"糧id收="綁id值">其中旺，ty梳pe屬性雅設置榮該控鐘件的盜類型呆，id確定鑼該控列件在軟整個跌文檔帥中id值。在Vi餐su潤al寧S控tu悔di餅o.委NE駝T括20壁05中，腫工具覽箱的愉“HT簡ML誦”選項爬卡上險提供唯下列HT秀ML控件餅：In加pu很t（Bu軋tt色on）控箱件：IN品PU堪T懇ty暮pe慰="梳bu美tt缺on芽"元素衡。In音pu井t（Su豆bm突it）控萍件：IN塊PU社T跳ty拿pe積="晚su駁bm脅it楚"元素吼。In筐pu不t（Re牛se乓t）控航件：IN酷PU簡T協(xié)ty妄pe模="胳re創(chuàng)se綢t"元素摸。In韻pu炊t（Ch妻ec啟kb嚼ox）控降件：IN酸PU遍T開ty井pe忙="解ch倦ec止kb放ox灣"元素盾。In勿pu拌t（Ra爭di劈燕o）控推件：IN娃PU廟T箱ty徒pe恰="侄ra挽di南o"元素腹。In礙pu弦t（Hi底dd枝en）控宵件：IN枯PU壁T婆ty慣pe暈="稼hi蓄dd遇en愧"元素謎。In嶼pu疾t（Te忽xt）控象件：IN孕PU敞T脈ty葬pe婆="因te駱xt狼"元素管。In董pu謀t（Pa洽ss堂wo春rd）控換件：IN析PU怠T涌ty琴pe滴="浮pa健ss迫wo炸rd騰"元素逢。Se妙le堤ct控件融：多彈重選影擇框踩元素弟。1.倆I虜np閑ut（Bu盟tt易on）控銀件用于黃建立仆按鈕虎，其處用法脾如下咬：<i殖np恩ut搞i款d=迷"i炕d值"漿ty扎pe南=描"b涉ut事to曬n"突n掃am濾e=樹"域名住稱"遵va焰lu紡e=謙"值">其中杰，ty墻pe設置嫁為bu告tt稀on表示灣這個蠻控件筍為按燃鈕。va首lu介e值既來是它志被按堤下時央傳給蝕服務豆程序目的值冶，又別是它論的標冠題，置即寫片在按浸鈕上歲的文援字。有兩歸個特顛殊的程控件倘，它慨們實鋼質上肥也是芳按鈕憤，但芬其ty豆pe不是他“bu喊tt婆on廊”，而區(qū)分別滔是“su峰bm步it頂”（提交命按鈕）和價“re慎se飄t”（重置鋪按鈕）。繪其用懂法分藝別為遇：<i左np真ut味i筑d=船"i路d值"裁ty悟pe牌="接su飯bm以it膨"懲na壇me哥="域名叼稱"翻va薦lu鋒e=梳"值"><i初np土ut堆i乖d=鑼"i隸d值"飼ty及pe鋒="矮re綢se纖t"厲n慶am性e=蜘"域名巷稱"嚷va噴lu氧e=弱"值">按下青提交咽按鈕榴后，戒表單醋就把曬當前怨所獲耍得的幣信息森以me媽th程od指定奔的方降式全嚷部傳慮給ac舊ti凈on指定頁的程乎序。駱按下慣重置惑按鈕材后，塵則表駁單中佩的所否有控偵件都護被重叢置，開恢復框初始互狀態(tài)潮。按鈕幸的常賽用事耗件為On競Cl所ic普k。2.擔I損np濟ut（Ch滅ec賠kb祖ox）控積件用于竄建立貼復選張框，富其用防法如刑下：<i蜂np鐘ut旅i冊d=蠻"i弄d值"折ty蠢pe孔="解ch瞇ec催kb躺ox績"題na燙me偽=懶"域名疫稱"毛va腐lu泉e=擴"值"毯ch螺ec跡ke斜d>其中侄，ty桶pe設置褲為ch解ec弦kb貞ox表示茫這個枝控件控為復誰選框籌。va贊lu財e設置般當這子個復滾選框植被選遞中后揪，發(fā)泊送給ac沃ti蝴on指定棚處理誕程序約的值看。ch健ec鮮ke率d表示系預置俗該復親選框恭被選頓中，查如果胳有這戶一項敏，該蘿復選首框初犬始值欺為被托選中串。復選卡框的變常用以事件蕉有On饒Cl遺ic延k和On殿Fo婦cu跪s。3.峽I囑np赤ut（Ra繩di狀o)控件用于烘建立播單選避框（憑選項課按鈕貪），煉其用遵法如趟下：<i崖np富ut周t鈴yp舉e=目"r投ad霧io坡"徐na柔me灑=努"域名糕稱"濫va斥lu泄e=晶"值"凝ch恐ec掘ke抵d>各屬那性意捉義與燈復選脫框的圖基本鋤相同常。注意京：在雖設置侍一組姐單選姿框時低，各寇選項志必須芹同名獸（具仰有相蜻同的na妙me），攀取值舍不同并（va選lu思e不相抱同）拿，并梨且?guī)琢簜€選傘項中遙必須綢有且需只能底有一惠個預放置為合選中芽。如綁果沒候有預周置選喝中項碎，缺祥省預換置第喉一個丘選擇養(yǎng)項被搜選中并。單選載框的膽常用溜事件霧有On漏Cl勇ic勵k。4.雷I昂np喚ut（Hi嘉dd未en）控掉件用于醋建立蛙隱藏塵項，妥其用捷法如駱下：<i奮np廊ut當i鎖d=塊"i艇d值"商ty蹈pe駛="研hi變dd命en僚"拾na溝me都="域名菊稱"覺va角lu嚼e=傳"值">該控盛件的傲內容果在表月單中梯被隱緩藏起珠來，段并不驕在網艱頁中漁顯示嶄。通志?？芍塾脕韺m以隱鑄藏方扶式向跳服務沙器傳斧送有很關信燙息。5.假I賓np斤ut（Te頌xt）控闖件用于晝建立遮單行掏文本杏輸入揚框，扔其用詢法如膜下：<i類np躲ut萄i慘d=底"i仇d值"就ty嘩pe脾="掠te柄xt促"賓na培me兔=晃"域名句稱"決va借lu雙e=擾"默認畜值"ma節(jié)xl腫en便gt春h=值si污ze芽="值">其中綠，va裁lu亡e屬性某確定末該文巡壽本框駝預置獲的文匙字。ma夾xl涂en簡gt調h屬性姨確定運在這壯個文搞本框減中所秩能容植納的換字符勝串最予大長被度，墾該項征可以初不設遭。si盾ze屬性胳確定烈這個抗文本扣框的洽顯示厲寬度潮，以豆能顯醉示多梨少個嗓字符調來衡品量。單行世文本廢框的慎常用干事件般有On寺Cl發(fā)ic東k、On似Fo播cu什s和On咸Ch粱an觸ge。有一茶種特虹殊的帥單行論文本榴輸入椒框專塘門用攀于輸烘入密街碼（pa流ss學wo拉rd呼)，不艦同之英處在剝于它針對鍵億盤輸械入的境回顯帳字符杯為“踩*”雪，即獸它把偷用戶館的輸栗入隱崇藏了多。其甘用法饒為：<i幟np稼ut軌t傾yp夠e=咐"p席as鵲sw敘or該d"唇n徑am佩e=割"域名丑稱"促va襪lu答e=手"默認濫值"ma歇xl跪en蔥gt典h=值si孟ze暴=值>6.巡壽S濕el坦ec袍t控件用于引建立吹多重瀉選擇鋤框，支其用厲法如梳下：<s霜el沖ec享t散id世="估id值"揚na瞇me摔="域名洽稱"貨si庭ze變="值"鳳mu基lt禁ip佩le紐奉></攜se簡le檔ct竊>其中物，si武ze指定親選擇糖框可睬以顯罩示的向行數(shù)讓（默拖認值翼為1）；泄若指克定mu伍lt界ip陵le則該語選擇嬸框為京多重麗選擇嶺框。杰在<s殖el虧ec狼t>與</矮se傲le羞ct滑>之間卷加入匯選擇律項，水選擇雜項形喂式為伙：<o庫pt劣io張n件se灘le涂ct比ed櫻v釘al幼ue田="域值">顯示旁文本</致op坊ti海on隆>若為吼一個珍選擇站項指勁定se膏l(xiāng)e諷ct寇ed，則期該選亭擇項酒預置己為選訊中?！纠?.抱4】設計弄一個這含有絲式超鏈萬接的便網頁潤窗體WF密or邀m2皺-4。設計茂界面運行均界面2.籮7獄C遮CS樣式斷設計2.殼7.務1樣式繳和樣陽式表1.樣式樣式脹是指單每一爺個網忘頁元推素呈器現(xiàn)在京瀏覽爪器中祖的風桐格，雙比如拐字體椒的大娃小、渾顏色燦、頁蝦面的遭背景局色、捉背景嫌圖等策。定攤義樣場式的嚼基本吹格式館如下多：樣式滾屬性1:值1;樣式帳屬性2:值2;…樣式皆屬性屈與值筐之間鹿用冒殲號“:”分隔袍，如歷果一甚個樣蜘式中符有多柄個樣閘式屬暗性，舒各樣蔑式屬余性之吩間要怪用分貓?zhí)枴?”隔開馬。（1）內夕聯(lián)式修樣式廣設置通過st梢yl宋e屬性拌指定禿所修給飾的旁元素肝使用川的“汪私有份樣式歇”，司用法劍如下血：st唱yl括e=陷"屬性1:值1;屬性2:值2;屬性n:值n"例如湯：<h惑1欄st增yl伸e=扔"f梨on湯t-稍si夫ze俘:4賽0p奔x;驕co陣lo土r:別Re末d;田">中華唱人民屯共和傻國</千h1代><h維1門st醬yl聯(lián)e=饑"f刪on迷t-饒si違ze衫:3饅0p昏x;牙co寸lo閉r:胖Bl鞋ue掠;"跡>教育伸部</遭h1絞>（2）直盛接嵌綿入式歡樣式船設置使用<s艷ty善le僻>和</豈st榮yl可e>標記綁建立漲一個錦或多擱個樣兇式，毛置于<h嚴ea伸d>碧</晚he鏈ad古>之間介，在<b能od蝕y>單</社bo僻dy奶>內直萍接使臺用這肢些樣旱式。<s角ty卷le貿>標記眠有一房誠個屬濃性ty唯pe，它壟指出挺樣式妄的類箏別，犁如果臘使用CS雷S樣式態(tài)，則ty庭pe取值輛為“te吵xt翁/cs扣s”。例如魯：<h縮慧tm俗l><h愈ea昨d><t癢it佩le遲>樣式掠引用夠示例</林ti襯tl臭e><s倒ty請le角t痰yp羽e=紛"t撲ex綿t/cs穴s">h1聞{f肅on材t-頸si夫ze情:4責0p古x;co頸lo仔r:壇Re萬d;}h2隨{f囑on肺t-鑰si御ze姓:3露0p境x;co插lo墳r:鉛Bl擠ue;}</綁st辛yl擦e></仍he緩ad換><b割od熱y><h茶1>中華緊人民揮共和爺國</腦h1典><h柄2>教育但部</脆h2雞></安bo紹dy府></臥ht施ml學>2.樣式腔表文韻件所謂紅樣式佩表文般件就開是將漸網頁篇元素征的樣窄式定賓義設演計為遮一個撈獨立惰的文炸件。份凡是鋸在網譜頁的<h惹ea裹d>跑</自he題ad庫>部分膊與該抹樣式具表文住件建怪立鏈左接的HT煌ML文件燭，其次頁面籠元素乎的樣稿式就炒會按房誠照樣炒式表掌文作芹中的珍定義嚇顯示召。樣核式表凱文件蒙的擴上展名底為“.cs敗s”樣式時表文完件中向樣式警定義藍的一吵般格餐式如權下：樣式貫定義靠選擇遲符{樣式只屬性1:值1;樣式覽屬性2:值2;……}例如傳，樣庸式表學文件St荒yl絲式eS幅he困et掃1.為cs炊s的內每容為幕：bo銹dy黃{碧b超ac條kg傘ro繁un粘d-少co深lo迅r:愿#3僅3b是b6劇6;唉}h1射{扶f顏on城t-坦si喬ze言:4膜0p干t;co專lo俊r:祥Bl財ue;}h2作{齡f同on莖t-欄si奔ze咱:3籃0p翠t;co輪lo啟r:黨Wh剃it幟e;}在網嘉頁文循件中緣瑞引用徹該樣罰式表只文件援只需潔要在往網頁石的<h某ea首d>與</傳he謹ad砍>之間眼添加芝如下贈代碼扇：<l奇in爺khr概ef="族St垃yl凳eS敘he都et車1.唉cs眠s添"躍ty掃pe傻="覽te養(yǎng)xt蔽/cs奇s"re拾l(fā)="St榨yl勤es駐he班et"跡/>其中者，re筋l規(guī)定枯了被西鏈接碧文件念的關蒜系，傲取值征永遠乒是“St室yl擁es壇he笨et”，ty鉆pe屬性語規(guī)定攔了鏈顆接文屬件的摘類型鋒；hr努ef屬性申則指株定了榮要鏈哨接的炒樣式澇表文勵件的UR抄L。樣式蘋表文昌件中冬設計余每個各樣式欄的“哥樣式處定義舞選擇動符”萄指樣棚式定寧義的慎對象改，可抄選項竭有：HT謀ML標記分、用陶戶自航定義付的類譜、用戒戶自冊定義宜的ID和虛致類等帳。（1）HT廢ML標記HT厚ML標記騾是最譯典型虜?shù)倪x漿擇符炮類型扔。如鹽果有澤多個網不同蟲的標馬記要潔使用權相同淋的樣殼式，標則可均以采彩用編襪組的翻方法旗簡化終定義畢。例伏如：H1語,H華2,泳H3歸{co衣lo渡r:漫re夠d}（2）類嗎（cl付as保s）用戶李自定齒義的乒類是療用來醉為某剪一個HT案ML標記謀創(chuàng)建戒多個爸樣式幫，或膜者為院多個熊標記否創(chuàng)建肚同一僵種樣張式。喝類的脖定義智格式語如下父：樣式錢定義昂選擇床符.類名{樣式籠屬性1:值1;樣式副屬性2:值2;要……莫}例如蘋，H1通.f慮ir騎st和H1男.s福ec夾on還d的樣坦式代銅碼分底別如吃下：H1端.f使ir評st煌{類co形lo涌r:檢Re肝d;雄fo陷nt璃-s世iz搶e:災40購px艷}H1劫.s迎ec堂on克d{悟co和lo媽r:吩Bl嬸ue文;f赤on殲t-廊si充ze汪:3救0p吸x}這樣憂，可簽以通勺過以搶下方獄式使酷用它承們：<h柳1鏡cl址as賓s=的"f勁ir貝st鬼">中華鼓人民仿共和醫(yī)國</玻h1鮮><h毅1泥cl誘as狀s=逢"s敘ec恩on筑d"邀>教育雄部</威h1術>（3）自誘定義ID自定故義ID以“#”為標敏志，均依靠巨這個甩唯一狠的標閑志可悲以在拆定義司一套南樣式畏，稱序為“切私有旦命名光樣式差”。私有互命名脆樣式鼓的定配義方沿法為業(yè)：#id碧na周me{屬性1:值1;屬性2:值2;屬性n:值n}其中錯，id標志段前的模“#”符號維一定販不能桐省略憂。例聾如：#c難us暴to辯mI床d1腫{co基lo蚊r:梢Re凳d}在網豈頁中跳引用樹該樣捎式的零標記言符內芹使用id屬性蕩即可記，例哪如：<p圣i擊d=喘"c則us酒to酒mI停d1情">本段漫落文殊字為椅紅色</濱p>ID與類饅主要便區(qū)別客是，壯類可削以在習同一臟個網退頁的腎多個廟標記蠻中重侵復使落用；箱而ID則在閣同一腦網頁擇中只閑能使雙用一聯(lián)次。（4）虛貞類虛類伐是專財用于<a姐>標記綱的選踐擇符徒，使難用虛尚類可興以設奏置不張同類悼型超棄鏈接暫的顯詢示方舞式：A:方li握nk：未圈被訪酸問過貢的超毒鏈接雹。A:芽vi聞si照te稍d：已少被訪敲問過子的超逼鏈接懸。A:攀ac劫ti喘ve：當瓶超鏈矛接處桌于選技中狀對態(tài)。A:天ho絕ve粱r：當餡鼠標墨指針敏移動寫到超義鏈接渡上。定義蚊虛類處的語逝法格烘式如找下：a:狀態(tài){屬性:值;}例如偵：a:瓣vi頌si獲te咽d,咬a:假li字nk{co晃lo封r:椒bl濁ue}a:飲ho挎ve扶r{co樂lo請r:杠ye磨ll席ow;隱te己xt鵝-de糠co雀ra乘ti祝on曬:n子on為e}2.努7.顯2樣式諒生成聚器直接熄使用啟代碼麗設計捐樣式劃是十細分麻班煩的駐，為譽此Vi賊su琴al間S弦tu印di抄o.向NE及T汗20歸05提供孤了專討門的捉樣式漂生成迷器可翅以可瞧視化顆地設四計樣胳式。【例2.術5】設計浮一個唱顯示震若干捎文字男的網騎頁窗撕體WF民or帆m2險-5，其徹中這膽些文岡字引花用相刪應的群樣式乖進行門輸出寄。其設震計步土驟如掩下：（1）在My念as齒pn傘et網站遵的ch者2文件冶夾中跑添加心一個矮名稱釋為WF并or醋m2剖-5的空汗網頁壘。（2）選喪擇“系網站允”|“添加述新項惱”菜場單命捏令，午出現(xiàn)兆“添煤加新傷項”矛對話雹框，芹在“轎模板怒”列廊表中傳選擇孤“樣園式表賤”，翁保持鑼默認倦文件籠名St表yl督eS別he過et勞.c省ss不變遲，如撫下圖通所示配，單遙擊“愚添加甚”按柏鈕。（3）出僅現(xiàn)如餃下圖路所示孟的樣躁式設喘計對懇話框銜，如梁果右曾邊不逮是“CS販S大綱訊”窗朋口，失單擊土工具繭欄中羊的下控三角碼箭頭朽，在峰出現(xiàn)局的菜宏單中斥選擇弊“文蔑檔大注綱”矩命令葡。（4）選閘擇“遼樣式|添加亞樣式蹲規(guī)則皇”菜罪單命煉令，畢出現(xiàn)低如下追圖所競示的對“添悉加樣病式規(guī)槳則”藍對話慢框。（5）從蓬“元尖素”扣組合懸框中乒選中H1標記滲或直胖接輸牢入H1，在柏“樣種式規(guī)讀則預于覽”愚文本輸框中襪出現(xiàn)畫“H1名”，該響項是兩不可瓦修改閉的，忙單擊膚“確甲定”中按鈕網。此以時樣朗式表路中自窗動添櫻加H1浙{}的樣億式定棚義代布碼框誼架，坦并在兼“CS護S大綱壘”窗區(qū)口中冶的“農元素甩”節(jié)壁點下拾自動宜添加君一個H1標記證。（6）在H1的定綠義體焰內，難或者圾在“CS很S大綱央”窗掀口中溝的“升元素墳”項毛的H1標記瞧上，揚單擊迷鼠標壇右鍵盲，從販出現(xiàn)聲的快松捷菜罪單中嘗選擇垂“生嘆成樣假式”甲命令祖，出癥現(xiàn)“粱樣式言生成貼器-H決1”對話嫌框，度從顏蜜色組余合框醒中選涉擇“Re潛d”，選拒中大且小下愈“絕辟對”睡單選拋框，噸從后很面的至組合系框中即選中球“大瞇”，王選中敬粗體從下“亞絕對事”單譯選框況，從苗后面互的組忘合框堤中選群中“騎粗體咽”。（7）單賭擊“價系列瘦”后六面的繞“..綠.”按鈕菜，出豎現(xiàn)“隸字體膚選擇儀器”晶對話躁框，等從“附已安斗裝的伯字體渠”列悲表中防選擇3種字陳體到餃“選慘定的簡字體抬”列湯表中正，如泡下圖徐所示拉：單擊剪“確豬定”閣按鈕貸。最雙后設弦置好沖后的特“樣網式生耐成器-H蹄1”對話陶框如獎下圖鑼所示顧

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網頁內容里面會有圖紙預覽，若沒有圖紙預覽就沒有圖紙。
  • 4. 未經權益所有人同意不得將文件中的內容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網僅提供信息存儲空間，僅對用戶上傳內容的表現(xiàn)方式做保護處理，對用戶上傳分享的文檔內容本身不做任何修改或編輯，并不能對任何下載內容負責。
  • 6. 下載文件中如有侵權或不適當內容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論