Web開發(fā)基礎實訓課程

山東勝利學院企業(yè)實訓課程客戶端頁面技術(shù)應用課程目標

理解靜態(tài)網(wǎng)頁工作原理

掌握HTML表單元素JAVASCRIPT語言了解DW(Dreamweaver)工具的使用課時安排第1天上午知識點1：WEB概述與超鏈接知識點2：頁面排版布局與表格項目任務：實現(xiàn)一個簡單的餐廳連接設計第1天下午知識點1：表單與表單元素項目任務：實現(xiàn)一個注冊界面的設計第2天上午知識點1：JavaScript動態(tài)腳本語言項目實戰(zhàn)：實現(xiàn)微博系統(tǒng)的登錄和注冊的表單驗證第2天下午考核測試：實現(xiàn)一個注冊的表單驗證（機試）第一章WEB概述與超鏈接本章目標了解Internet和萬維網(wǎng)(www)?了解Html語言歷史和W3C組織學習Html的全局架構(gòu)標簽什么是標簽及其屬性?如何創(chuàng)建超級鏈接?Internet和萬維網(wǎng)(www)什么是Internet?Internet的歷史定義--連接網(wǎng)絡的網(wǎng)絡TCP/IP(傳輸控制協(xié)議/Internet協(xié)議)，一種能保證計算機之間進行通信的標準規(guī)范Internet和萬維網(wǎng)(www)萬維網(wǎng)(worldwideweb)是一個基于超文本（Hypertext）方式的信息檢索服務工具。萬維網(wǎng)提供這樣一種友好的信息查詢接口：用戶僅需提出查詢要求，而到什么地方查詢及如何查詢則由萬維網(wǎng)自動完成。超文本開發(fā)語言HTML信息資源的統(tǒng)一定位格式URL超文本傳送通信協(xié)議HTTPInternet和萬維網(wǎng)(www)超文本傳輸協(xié)議HTTP定義：網(wǎng)絡傳輸協(xié)議作用：發(fā)布和接收Html頁面統(tǒng)一資源定位符URL定義：網(wǎng)頁地址格式：協(xié)議://域名:端口號/文件路徑/文件名.文件后綴

http://www.QQ.:80/tq/index.htmlHTTP協(xié)議示例GET/HTTP/1.1Host:User-Agent:Mozilla/5.0(Windows;U;WindowsNT6.0;en-US;rv:0)Gecko/2009042316Firefox/3.0.10Accept:text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8Accept-Language:en-us,en;q=0.5Accept-Encoding:gzip,deflateAccept-Charset:ISO-8859-1,utf-8;q=0.7,*;q=0.7Keep-Alive:300Connection:keep-aliveIf-Modified-Since:Mon,25May200903:19:18GMTHTTP/1.1200OKCache-Control:private,max-age=30Content-Type:text/html;charset=utf-8Content-Encoding:gzipExpires:Mon,25May200903:20:33GMTLast-Modified:Mon,25May200903:20:03GMTVary:Accept-EncodingServer:Microsoft-IIS/7.0X-AspNet-Version:2.0.50727X-Powered-By:ASP.NETDate:Mon,25May200903:20:02GMTContent-Length:12173

-消息體的內(nèi)容（略）HTML超文本標記語言Html（超文本標記語言）定義：為網(wǎng)頁創(chuàng)建和其它可在網(wǎng)頁瀏覽器中看到的信息設計的一種標記語言以“<標簽名>”標識標簽的開始，以“</標簽名>”標識標簽的結(jié)束成對標簽又稱為容器，一對標簽中還可以嵌套其它標簽單獨標簽不需要與之配對的結(jié)束標簽，又稱之為空標簽，例如<br/>屬性設置的格式為：屬性名=“屬性值”<marqueebehavior=“alternate”> <fontsize=“30”color=“red”>Hi~大家好!</font></marquee>瀏覽器訪問網(wǎng)頁文件的方式http協(xié)議網(wǎng)頁文件本地存儲系統(tǒng)（硬盤）www服務器網(wǎng)頁文件Html規(guī)范與版本不同瀏覽器之間的不兼容問題從軟件開發(fā)角度：多個公司開發(fā)了瀏覽器軟件，根據(jù)網(wǎng)頁中的標簽決定顯示內(nèi)容,有點瀏覽器根據(jù)自己的需要，定義了特有的顯示效果標簽，導致不兼容規(guī)范的制定IETF制定Html2.0W3C組織3W聯(lián)盟正在使用的Html的版本Html4.01XHTMLHTML5最新版網(wǎng)頁與網(wǎng)站什么是網(wǎng)頁?定義：構(gòu)成網(wǎng)站的基本元素格式：分為靜態(tài)網(wǎng)頁和動態(tài)網(wǎng)頁靜態(tài)網(wǎng)頁文件擴展名為.html或.htm動態(tài)網(wǎng)頁文件擴展名為.jsp或.aspx.asp.php等什么是網(wǎng)站?實例：新浪，網(wǎng)易定義：展示特定內(nèi)容的相關(guān)網(wǎng)頁的集合如何上網(wǎng)?網(wǎng)絡的工作原理

客戶端向服務器發(fā)送頁面請求Web服務器處理請求并返回請求的頁面HTTP負責請求和響應如何上網(wǎng)?

Web服務器客戶端HTTP協(xié)議協(xié)議用于訪問Web上資源的一組規(guī)則HTTP是Web協(xié)議

站點地址或URLHTML語言用于制作網(wǎng)頁靜態(tài)液網(wǎng)頁動態(tài)株網(wǎng)頁(1剛)動態(tài)鄉(xiāng)豐網(wǎng)頁(2預)編輯哥工具Dw雁(子Dr沫ea井mW杏ea尋ve遠r)Ed影it界Pl傘us記事喚本(N蘆ot獸ep鬼ad撿)Ht總ml的全惜局架傲構(gòu)標跪簽網(wǎng)頁界的基昂本結(jié)露構(gòu)網(wǎng)頁舍以<h膠tm留l>開始</賢ht愈ml沖>結(jié)束兩個領主要垂的結(jié)撕構(gòu)：he連ad首部仗，bo膛dy主體<h盆tm隸l><h用ea跑d>……</霧he糕ad絞><b轎od坊y>……</你bo救dy霉></休ht習ml謠>Ht延ml的全虎局架習構(gòu)標釘簽網(wǎng)頁晃的頭賊部結(jié)構(gòu)慘：<h猴ea占d>膜…<進/h聽ea屈d>內(nèi)容短：<t鞠it演le早>,訴<銀me孩ta田>,美C通SS搬,謠Ja購va駁sc籍ri沃pt網(wǎng)頁鍛的主企體結(jié)構(gòu)慕：<b眾od給y>巧…<雹/b風od椅y>內(nèi)容旬：包紋含網(wǎng)科頁中錢顯示非的文撿本、涂圖像賤和鏈頁接等<h旦tm雹l><h渾ea滔d>……</贈he另ad管><b枝od賄y>……</易bo仆dy帳></則ht淺ml干>…<h蓄ea炒d><t墻it娘le鹽>歡迎毛來到鐮中軟依國際ET翅C<揉/t當it剃le永><M資et割a疤h熔tt徒p-圈eq湊ui爐v=浙“k昌ey搖wo除rd傘s”食c屠on叨te最nt泳=“中軟調(diào)，培君訓，兼軟件見工程擦師”><s員ty減le然>鹽……指.已</蝴st愈yl柳e><s提cr頓ip惡t>揪…細….坑<表/s逼cr崗ip賣t></夾he葬ad拴>瞞…<h擔tm辨l><h發(fā)ea耕d>……</芹he索ad酷><b促od迫y>……</組bo首dy勺></己ht李ml那>…<b癢od焦y>…<i謠mg防s稠rc炎=“泛we瓜lc姨om想e.艦jp棉g”貞><a紋h斜re漸f=嘴“i佳nd相ex犧.h劃tm位l”翼>歡迎敬來到ET希C<星/a童>…</尚bo姜dy陶>唇…什么常是標響記？彩什么隱是屬咐性?什么紋是標夾記?定義飲：Ht摟ml命令懇稱為鎖標記(標簽)作用煉：用隔于控鵝制Ht累ml文檔馬的內(nèi)罷容和基外觀分類陶：舞單獨亂標簽:<忘br悔/>，<h糕r/鑰>成對過標簽:<銷a>…</路a>標記迫的屬愿性作用貨：修公飾或濾進一玻步制搏定信麻息。如顏遷色，菠對齊往方式估，高哨度，路寬度嫌等<bo礙dybg搬co號lo蹄r=“gr常ee振n”>標簽屬性屬性郊值<h虎tm飽l><h認ea推d><t煮it醒le昨>學習HT縮慧ML慕<主/t都it于le死></巾he貢ad汪><bo雖dy艇b固gc釣ol戀or責=褲“g距re昆en鐵”>歡迎青來到HT蚊ML世界</什bo樹dy拳></論ht莖ml信>DO恐CT鹽YP滾E標簽文檔窗類型,會使畏瀏覽妹器使觸用相挨應的成方式霜加載敗網(wǎng)頁撲并顯鑒示。示例嚴：<!厘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"足"堪ht謠tp炕:/廟/w旅ww李.w康3.奪or躬g/丟TR棗/x憐ht跳ml湊1/霸DT腥D/此xh蹦tm毛l1倉-t奧ra新ns粘it痰io晶na尸l.貝dt話d"壤><!體DO披CT嘆YP永E閘ht扭ml賞P搖UB躬LI肅C竿"-郊//藏W3岸C/庫/D火TD諷X蠶HT騎ML冤1郵.0獅S送tr堵ic罰t/團/E股N"號"碑ht隨tp聾:/黑/w的ww車.w骨3.濱or樹g/抬TR村/x直ht娘ml鳳1/賄DT備D/燥xh樣tm睛l1腿-s侄tr椅ic特t.待dt襲d"繳><!福DO符CT美YP桃E脆ht洲ml成P卵UB恨LI價C昂"-豪//互W3頁C/仿/D厚TD魚X莖HT明ML貴1唯.1腿//單EN區(qū)"溫"h炒tt小p:醬//貫ww畫w.邀w3瓣.o乒rg蹤蝶/T傳R/藝xh吃tm籠l1精1/金DT罪D/盒xh濤tm校l1稍1.構(gòu)dt蝴d"辛><!涉DO嚼CT燭YP鄰E驅(qū)ht喜ml儉P棄UB崗LI植C黑"-屯//犧W3池C/曬/D鞭TD賤X注HT滑ML艱1襪.0啦F掏ra耳me蹤蝶se市t/雅/E憐N"堪"熔ht綁tp屆:/誰/w或ww巖.w根3.您or扎g/昂TR使/x壇ht稈ml犁1/算DT從D/鉗xh飲tm佛l1帽-f柳ra東me貴se皆t.圣dt把d"撕>He銳ad乓-泳M竟et東a元素ME售TA標簽蔬分兩繪大部豆分：HT太TP標題賤信息(HT疲TP竿-E羊QU誼IV)和頁挨面描翻述信泰息(NA盒ME)HT瓜TP釀-E院QU草IV似于HT版TP的頭適部協(xié)魄議，斜它回陳應給蹈瀏覽透器一克些有呀用的農(nóng)信息朝，以哄幫助吵正確嫁和精柿確地湖顯示株網(wǎng)頁建內(nèi)容,響應岔報頭薄信息速，如勇頁面惱編碼席、緩歪存模酸式等蟲等.NA街ME定義歉頁面利基本標信息同，這抬些信定息是處提供廁給網(wǎng)獲絡搜六索引扯擎的臺，搜霸索引銳擎通嬌過這抵些信四息可才以找匹到頁游面標簽低及其利屬性示例<m丹et巖a簽na貢me軌=“項de境sc喪ri私pt蛛"使co姻nt攪en庭t=突"x暫xx御xx恒xx扁xx芝xx習xx止xx著xx默“><m碧et雹a模na歉me聚="飼ke智yw寶or振ds射"愁co武nt剖en復t=闖"x炊xx紫x,趣xx陜xx沙,x惱xx決,x俯xx探xx找,x災xx侮x"裝><l非in亞k憐hr訊ef怕="州st雕yl描e/報st軟yl幅e.醉cs姿s"仁r辰el嚴="神st狗yl鐘es洋he砍et鐵"柄ty句pe潤="瘋te繁xt仗/c部ss勁"><s肥cr壺ip輛t乖la屈ng惹ua鋸ge慎="石ja堪va蜂sc雁ri景pt曉"員sr蝴c=敗"s禁cr企ip搭t/柔xx齊xx莖x.備js臣">碎</碰sc宮ri棕pt糟><t駛it驢le貞>x瓜xx州xx赤xx售xx莫xx辜xx堡</木ti省tl挨e><m益et傻a輩ht懇tp板-e研qu胸iv砌="秒co壩nt另en范t-夏ty牢pe圾"鑰co杜nt度en田t=鉗"t鵲ex默t/乓ht跪ml出;山ch才ar打se學t=例gb君23錄12棕“><m惜et厭a朋ht深tp刮-e魚qu撿iv劇="洋pr乓ag仗ma胡"哨co解nt胞en或t=燥"n朗o-陽ca頃ch梯e“予><m貌et烘a職ht油tp洗-e忘qu危iv潮="作re苗fr連es趟h"睛c繩on維te吐nt顏="警5;番ur哄l=估ht砌tp帽:/誦/w頸ww廳.y秀ah告oo矛.c崇om脆">標簽湖及其問屬性標簽<b社od壟y>…</鉗bo帥dy喘>屬性bg眼co蒼lo仿r設置蛾網(wǎng)頁卵文檔側(cè)的背漢景顏框色十六粗進制RG申B顏色欣碼，女使用防一個#號后環(huán)跟六夜位十聰六進戀制數(shù)倍據(jù)，生例如#F棚F0罩00買0Ht臣ml的顏宋色常方量名金，例晨如’re辱d’屬性ba欣ck罷gr輕ou敲nd設置醬網(wǎng)頁兵文檔站的背遼景圖趙片屬性te乖xt設置堤網(wǎng)頁阻中文朋字的竭顏色屬性le坊ft添ma扇rg算in設置怕網(wǎng)頁礙中的畝內(nèi)容放到左協(xié)邊距陪之間敲的距址離屬性to盛pm子ar城gi灶n設置賽網(wǎng)頁中中的諒內(nèi)容幼到上達邊距轟之間盛的距鴉離標簽夠及其監(jiān)屬性標簽<h恰1>戲<誤h2森>窗…辦<h盼6>屬性al爹ig黨n設置撕標題謊文字揀的水膨平對做齊方服式取值雨范圍(le挺ft咸,r翻ig口ht氣,c同en唉te險r,樹j仍us寬ti醋fy)標簽<h層r/家>屬性si移ze設置梳水平饅線的徹粗細屬性wi卸dt妄h設置榜寬度路徑相對宅路徑由當舅前文巖件所析在的麗路徑判引起搏的跟渴其它瘦文件(或文甜件夾)的路希徑關(guān)疑系（”..漁/”代表腫上一恥級文割件夾監(jiān)）范例:we涌b/勸ar譽ti隙cl皺e/震01夢.h陸tm絕對疲路徑目標濕文件假的完盟整路疲徑范例:ht被tp旅:/壞/w窄ww掘.s躲in滾a.專co飽m.郵cn成/s仰po采rt茶/a厘c_溝mi犧la只n.寺gi廚f物理槍路徑物理曲路徑絹指的稀是某娛一臺逆計算鐵機本筒地的真路徑范例:C:金/W興eb缺/i繩nd覺ex帝.h桶tm租l標簽術(shù)及其恥屬性標簽<p別><餅/p逼>屬性al沫ig套n設置只段落夾文字謙的水粗平對渠齊方控式取值偽范圍(le避ft矮,r撕ig耍ht恒,c簽en駱te肅r)標簽<b交r/飄>標簽<i伶mg濃/常>作用:顯示罵圖片屬性sr仗c指明手圖片嚇位置(相對捐路徑戀，絕錘對路杠徑)屬性al功ig置n設置時圖片渡周圍累內(nèi)容墨對齊糕方式取值退范圍(揮to緒p,徒mi蘋dd久le低,b蜂ot執(zhí)to乖m接)屬性al身t圖片剝無法猴顯示慎時的秒替代姻信息屬性ti悔tl呈e提示雕信息超級娘鏈接標簽<a麥><批/a醉>作用:超級沙鏈接1)實現(xiàn)驗頁面蹦之間晃的跳往轉(zhuǎn)2)頁內(nèi)億跳轉(zhuǎn)3）ma饒il張to屬性hr屠ef懸=“”屬性ta眉rg巡壽et錨記<a冷n湖am親e=“”>作用:頁內(nèi)應跳轉(zhuǎn)利用蘋錨記紅可以威實現(xiàn)斬頁面朗內(nèi)跳諸轉(zhuǎn)結(jié)合轎超級智鏈接釣，可紹以跳緩到另站外頁撿面指融定的課位置Ht皺ml語言鹿注釋<!障--這個針注釋窮內(nèi)容膝將不挎會被屢顯示晝在瀏毛覽器申上--餃>好的ht詞ml編碼總習慣文件望擴展美名為.h斜tm之l標簽柿必須答正確桶地嵌扶套要符喝合XH哀TM把L標準標簽暈元素快必須領要關(guān)袖閉抵比崇如<p滾><絨/p何>、<b器r/避>標簽蚊名、設屬性很名要下用小球?qū)懽痔鹉肝臋n捧必須微要有且根元莊素<h系tm田l>標簽棟的屬廈性必毒須有叛屬性局值,屬性吃值需傘要加暢上引亭號合理溫必要戴的注骨釋不要猜使用W3于C不推凈薦使當用的合標簽總但結(jié)了解in漆t(yī)e汗rn家et扮,萬維削網(wǎng)熟悉附網(wǎng)頁荒的基嫁本組須成結(jié)尿構(gòu)標記嫌及其炎屬性齒的構(gòu)突成段落掩標記順，圖堆片標姥記，根超級導鏈接奸標記相對匠路徑桿，絕刺對路扒徑，粘物理渴路徑任務項目蝴：為捐新開駱的餐員廳設既計網(wǎng)垃站要求喂：1.共有蔥三個顏頁面博，分卡別為A文件旦名in端de爸x.噴ht揮ml站點供首頁竹，用稻來顯桐示餐治廳介身紹信薯息，愚如餐討廳主務營品酬種，知餐廳惑規(guī)模繁，餐催廳地有理位茶置，躲餐廳腹營業(yè)賺時間掙，餐帆廳服瘦務項魄目等礎。其到中，咳餐廳版主營角品種房誠，餐候廳地倉理位楚置，觸營業(yè)肅時間蜘為必預須選仆項B文件眼名we尖st賭.h加tm挨l介紹慎西餐頑的頁少面（至少4種）冰分隔別介籌紹菜敲名，厘圖片麥，價歐格C文件麻名Ch悠in因es退e.競ht亡ml介紹暑中國棕菜的憶頁面(至少4種)分別歪介紹股菜名冒，圖迫片，暫價格2.三個牲頁面驢之間榴要建威立超凝級鏈尼接A分別里建立接超級牢鏈接縮慧到另隨外兩眠個頁毫面B對于we逆st碑.h喊tm睬l和Ch尸in痰es博e.臭ht信ml要求申有目錄分別鏈接膽到本駁頁面攝內(nèi)的具基體菜拜肴C代we鞋st略.h默tm峽l和Ch查in峰es工e.趕ht棋ml之間煉能夠股有互相港訪問哈的超望級鏈婦接作業(yè)紗（二懇）We鑰b開發(fā)貢基礎第二遲章詠表格退與頁脾面布典局回顧In當te抓rn秒et和澡萬維友網(wǎng)網(wǎng)頁盞的工填作原粥理網(wǎng)頁析的基租本結(jié)翅構(gòu)標記店及其拜屬性段落飼標記沒，圖秋片標販記，北超級器鏈接辣標記相對欠路徑凳，絕決對路奶徑，酬物理蛋路徑本章府目標網(wǎng)頁則設計息注意指事項什么菌是表讀格？為什戒么需做要表蔽格？如何侄創(chuàng)建決表格灑？表格腫如何億使用牽？網(wǎng)頁聚設計孕注意敘事項多瀏閉覽器屈支持樣式哄與風會格統(tǒng)違一網(wǎng)站愚結(jié)構(gòu)共、文寄件命墨名頁面歇尺寸醬與屏穩(wěn)幕分刮辨率圖片稅文件過命名乎、大鍵小尺房誠寸限鄭制相對朵路徑奶的應裝用頁面劍內(nèi)容液（ti故tl良e、me抽ta、al穩(wěn)t、tb據(jù)od艦y等屬壩性的至應用抄）什么馬是表催格？表格殘是ht褲ml高級蛋構(gòu)件束之一饅，它月表示屆數(shù)據(jù)每之間謠的關(guān)面系，誼使對嶺比分矛析更佳容易臘理解荷。表航格由企特定書數(shù)目燭的行擾和列寺組成球員得分籃板姚明278麥克格雷迪312海耶斯815巴蒂爾75阿爾斯通23表格邊應用鍛示例什么彩是表博格？表格絞的作遲用：用于刺顯示侵數(shù)據(jù)扒，便零于理司解、墾分析組織菊網(wǎng)頁滅版面爬信息什么趕是表謊格？行列列標掙題在HT破ML文檔皆中，須廣泛蔑使用愚表格現(xiàn)來存雹放網(wǎng)討頁上萌的文驅(qū)本和混圖像單元依格表格標題如何教創(chuàng)建粥表格?表格蹤蝶用<t傭ab戲le蕉>表示一個液表格奶可以刊有很程多行黃，用<t局r>表示每行傅可以煉分為赤多個濟單元帆格，邪用<t群d>表示演示溝：一行妨一列一行誰三列兩行收三列<t犯ab仁le布>標簽閉及其甩屬性bo段rd益er屬性禍表格鈔邊框演示紐奉：不括顯示腐邊框掉的表顆格演示蓮：顯教示邊喪框的未表格al姐ig衰n表格寺對齊演示爬：居永左，妻居中醋，居旋右對卸齊排版啟：新發(fā)浪表格驚背景bg法co狗lo例r鵲b桶ac哲kg脆ro姨un優(yōu)d顏色主表示絡的3種方姨法注：al括ig認n、bg博co妻lo季r屬性經(jīng)不贊來成使邊用，察應使尊用cs發(fā)s控制<t殺ab左le揉>標簽揭及其醉屬性表格聰寬度wi彩dt板h高度he銀ig糾ht單位曲設置像素(p鎮(zhèn)x)百分裝比(費%)演示由設景置寬僚度，徹高度避免游出現(xiàn)績水平惕滾動抓條一般煎不設市置高鳴度(自適廟應)ce飛ll氣sp賽ac而in閣g，ce挎ll貓pa渣dd轎in撕g屬性ce永ll邁sp階ac鼠in今g設置謹單元隆格間既距ce侵ll唯pa悠dd風in貼g設置乳單元銹格邊脈沿和干其內(nèi)灰容之分間的憑距離ta蒸bl舍e的常抖用屬捧性<t刃r>標簽嚇及其用屬性al皂ig撈n屬性屬性廉值：斤“l(fā)e山ft”、“ce但nt助er”、昆“ri仇gh類t”注意梁區(qū)別<t眉ab個le幻玉>的al帖ig掉n屬性va件li滾gn屬性屬性生值：鋪“to漂p”、鞏“mi證dd詞le”、瞇“bo宰tt干om”bg涼co經(jīng)lo跌r屬性背景豈顏色揚設置考慮拔設置偶優(yōu)先顫級的斃問題<t貢d>標簽假及其書屬性al故ig跑n屬性屬性留值：”le科ft”“ce宣nt靜er”“ri修gh激t”注意直區(qū)別<t駝ab介le己>的al址ig斃n屬性va照li風gn屬性屬性閥值：”to咳p”“mi啄dd貌le”“bo書tt膨om”bg代co冒l(fā)o趕r屬性ba誦ck蠻gr薯ou是nd屬性bg授co姻lo蹈r背景英顏色霉設置ba貿(mào)ck娛gr走ou斗nd背景芝圖片愛設置考慮仇設置甘優(yōu)先斬級的娃問題<t濕d>標簽郊及其奔屬性wi酷dt改h屬性he介ig循h(huán)t屬性注意優(yōu)：同雄行或漫者同活列單海元格撿將受塊影響ro繩ws腔pa孝n屬性co膚ls耐pa籠n屬性ro玻ws逆pa刑n屬性螺將盯一個亮表格鼻單元書格擴棄展為繡幾行性。co轟ls雁pa墊n屬性踢將倚一個千表格千單元緊格擴臣展為洗幾列演示項目能實戰(zhàn)利用ro閑ws魚pa充n和co劣ls眨pa暑n屬性躬合并計單元研格其它特表格惜標簽<c視ap獨ti偵on維>標簽作用再：用增來說采明表柄格內(nèi)稿容的牢標題屬性顫：al刑ig松n，va骨li歌gn<t夸h>標簽作用久：同<t排d>標簽不同欄點:<糟th秩>用粗般體樣匠式標筐記的流文本渾表頭辛，對顧齊方龜式也爽不一肯樣<t此he粘ad硬>站<t揪bo倦dy躍>左<t霞fo從ot交>標簽用表困格進許行頁萌面排賣版表格蹤蝶進行炭頁面定排版簡單初，便螞捷結(jié)構(gòu)盞清晰表格雀嵌套歷使用演示表格基排版膚注意命事項末：表格脂嵌套焦層次托不要屆太多整個喪頁面上的排蓋版不租要用攝一個ta素bl幅e，影暴響瀏磁覽器普對頁醉面的檔顯示抵效率表格勤的行巾列排狐版要登整齊td中沒遍有內(nèi)價容時基，以雜空白誓（&n寧bs灰p;）填飯充Di桿v+傷CS畝S布局絨（了刃解）總結(jié)表格悼可以壞格式翠化數(shù)勤據(jù)、約管理信文件吳布局表格寸的基金本結(jié)裳構(gòu)標簽<t插ab鈔le澇><上tr嚷><所td修>及其森基本撕屬性合并我單元您格其它辮表格餅標簽第三杰章挎表單尼與表控單元記素回促顧表格魚在網(wǎng)乘頁中蠻的作帳用如何串創(chuàng)建衛(wèi)表格表格洪的基扭本結(jié)攻構(gòu)表格給標簽胡及其駱屬性單元局格的托合并本章罵目標什么莖是表襯單？表單犬如何徑使用課？如何誕創(chuàng)建科表單敏？了解曬表單呀和表借單元種素之私間的襲關(guān)系掌握同表趨單元難素炒的使張用表單碑的應摔用表單雹在商蹲務上故的應貴用網(wǎng)上營預定睡商品網(wǎng)上守商品飛拍賣表單滿在各扶種社慣會機剃構(gòu)中鍬的應旨用網(wǎng)上然調(diào)查網(wǎng)絡雄咨詢表單咽在網(wǎng)帳絡上袖其它特應用網(wǎng)絡除人才丈招聘網(wǎng)絡浸社區(qū)扣注冊表單捉應用表單都元素--文本駛框、寄密碼閱框文本和框標簽群：<i漂np疑ut搜t擺yp污e=“te萬xt”>屬性割：ty停pe，na右me，si纏ze，ma撐xl追en初gt授h，va拋lu死e，re師ad忌on境ly密碼旬框標簽蘿：<i擦np塌ut額t尼yp駝e=“pa爺ss舟wo渴rd”>屬性秒：ty耗pe，na科me，si但ze，ma給xl賠en勤gt綁h，va恥lu棍e，re網(wǎng)ad勺on搞ly表單郊元素—文件酒、多超行文劇本文件溉輸入確框標簽確：<i寨np系ut普t嫁yp村e=“fi嗽le”>屬性擔：ty徹pe，na萍me，si賄ze，ma夢xl咐en興gt肺h，re謝ad陸on歪ly多行較文本霜框標簽四：<t遣ex獸ta雕re鉛a>棕</摔te迎xt訂ar考ea我>屬性求：na山me，ro伙ws，co條ls，re聞ad詞on投ly文本猴內(nèi)容堂換行況符：&#鄭13表單棵元素—復選腸框、恥單選習框復選查框標簽深：<i騾np成ut戴t限yp言e=“ch樹ec種kb掙ox”>屬性熊：ty躍pe，na勝me，va喊l(fā)u滔e，ch販ec番ke押d單選浴框標簽斑：<i牧np牢ut榮t珠yp淡e=“ra匆di筍o”>屬性賺：ty霞pe，na住me，va薪lu黑e，ch話ec售ke版d表單底元素—復選隔框、翁單選躲框<f期or滾m>你最爛喜歡校什么陷動物豆？<b徹r/括><i雞np懲ut掏ty睬pe準=“烘ra綠di院o”依n梢am乓e=臟“f悶av漏or豬it要e”缸v太al溫ue半=“堂do役g”當>狗<i瘦np遍ut牽ty海pe濕=“膚ra滴di盜o”攜n鞭am讀e=胞“f的av府or唉it芝e”服v鬼al刪ue助=“省ca嚼t”貪>貓<i昏np冤ut粒ty億pe桐=“臂ra攝di鋤o”練n賄am改e=御“f仙av掙or必it息e”盲v貧al盟ue榆=“洪bi想rd裝”>鳥<i悄np爐ut似ty罩pe韻=“叮ra臺di粘o”掏n謠am灣e=圈“f姨av役or械it生e”犬v至al隊ue涼=“鼻fi稱sh腳”>魚</新fo堤rm揉><f詞or膛m>你喜芝歡什郵么動恥物？<b飯r/廢><i泡np原ut膏ty握pe山=“坡ch撓ec廣kb豬ox蹲”互na藥me變=“般pe聯(lián)ts探”傍va及l(fā)u陪e=舊“d落og剃”>狗<b掙r/貢><i甜np藏ut胳ty烘pe勸=“凈ch刑ec喉kb碌ox亦”例na納me鼠=“燥pe顏ts終”航va院lu睛e=侮“c耐at倦”>貓<b鞋r/創(chuàng)><i含np從ut窮ty狐pe浪=“宿ch聞ec屑kb俗ox拌”斗na柱me堡=“娃pe聚ts否”狹va丹lu礦e=頁“b諷ir足d”沾>鳥<b血r/震><i絡np挽ut既ty膏pe神=“疲ch濫ec搞kb魔ox慶”撿na莫me藍=“注pe虎ts甩”蠟va筆lu疏e=太“f蛛is描h”惜>魚</持fo歉rm奇>表單億元素—下拉兇列表下拉版列表標簽藏：<s尾el判ec卷t><o顏pt筍io溫n>繭</計op沃ti佩on渴></稈se智le也ct環(huán)><s喬el陸ec晝t>屬性柜：na胃me，si罰ze，mu外lt餃ip藍le<o欠pt貢io雷n>屬性素：va逃lu船e，se憂le乳ct虛ed補充：<o瞞pt周gr竹ou善p>標簽:為<s皺el逼ec堅t>主菜圾單中馬的每娃個子常項標置簽都釋再生終成子占菜單表單覆元素—下拉懶列表<f膨or品m>你所學在國睛家：<s撇el萄ec鋸t傭na始me甘="含co困un仁tr盤y"織><o回pt少gr吳ou慎p胃la候be貼l=貨"亞洲"><o賄pt暑io劍n>中國</孕op富ti騎on肉><o騎pt掌io倡n>日本</哪op瓣ti待on鳥><o淡pt能io鉆n>韓國</樹op彼ti木on芽></撇op銹tg共ro脫up胸><o聰pt抱gr銷ou籍p緒la派be鼓l=膠"歐洲"><o法pt舒io森n>法國</葬op萄ti雪on愁><o盤pt他io底n>德國</敗op貴ti材on只><o皂pt僵io演n>意大鏈利</編op性ti捧on奸></崖op缺tg領ro惡up原></闊se苦l(xiāng)e卵ct以></醉fo值rm尚>表單愛元素—動作丈按鈕提交偏按鈕標簽昆：<i詳np嚇ut拖t掃yp距e=蔥“s森ub凳mi技t”脫>屬性靈：ty倆pe，na變me，va珍lu旱e重置盯按鈕標簽峽：<i永np淘ut巨t條yp味e=網(wǎng)“r勵es吼et態(tài)”>屬性始：ty拴pe，va陣lu朵e表單佛元素—動作冠按鈕圖像涂按鈕標簽蝴：<i油np怨ut藝ty隸pe淘=“盟im歸ag孤e”尼>屬性拉：sr摩c，na運me，al留ig噴n，al迫t點擊打按鈕標簽甩：<i糞np林ut蚊ty博pe素=“村bu土tt融on鄙”>屬性嗚：na縫me，va橫lu末e表單呆元素—動作驕按鈕<b謀ut院to互n>標簽標簽模：<b趙ut艷to躬n>敵</揭bu齡tt辜on嚼>屬性菊：ty頭pe給表巧單元反素標才記和英分組<l名ab敘el肥>標簽使用la倍be井l標簽柄來定朋義表漢單元板素間屢的關(guān)尋系<f限ie杯ld滿se華t>標簽<l夕eg立en演d>標簽將一員群相凱關(guān)表桶單控仇件形查成一鴨個組鎖，并雀用<f健ie御ld矛se瓜t>和<l食eg罩en哥d>標簽這來標門記這脾個組<f迅or伯m><f劫ie震ld湊se音t><l縫eg劃en速d稼ti梯tl遣e=份"測試咳用例">個人籮資料</煉le北ge捎nd貼><d裁iv爐>姓名裝：<b卷r模/><i紛np板ut繪t況yp丘e=近“t反ex討t”斗s施iz鐮e=根"2浸0"炮/疼><貝br賣/艷><l奧ab火el傳f歲or熔="貓te乎xT案es街t"賴>個人通簡介啄：</扔la漿be里l>龜<b耗r集/><t垂ex輝ta膽re才a伴id云="兵te買xT或es吩t"萄r衣ow算s=抱"1斑0"射><果/t仁ex掠ta跑re是a></悼di乓v></屈fi育el蓮ds宗et射></塔fo巡壽rm占>Ta勤b鍵索佩引順廣序ta鴉bi轉(zhuǎn)nd皂ex屬性用來倒設定普按下ta先b鍵時桶焦點扯的移屑動順豈序ta侵bi尸nd高ex屬性壇值為城正整裹數(shù)規(guī)則軋：數(shù)值拴越小于越先繡訪問如，沒蘆有ta貨bi價nd橡ex屬性厭或?qū)俳硇詾?的元拾素后選被訪通問其它綿相關(guān)納屬性id屬性id屬性字賦值境的名楊稱不躬會傳編遞給啦服務畜器(證明)id屬性嫂和na僅me屬性啞的區(qū)虛別ti糕tl墊e屬性作用輸：用腳彈出僚式幫殃助來圣給用常戶提赤示st鹿yl醋e,亭c故la伍ss源,聰la您ng廳,洲di紙r屬性ac緊ce吧ss巴ke屠y屬性作用冶：設畏定頁屬面快石捷鍵IE為al是t+奇ac詠ce講ss信ke達y屬性患值，F(xiàn)i疤re鴨Fo映x為al該t+局sh跟if在t+捆ac興ce豬ss宴ke戀y屬性犯值re還ad敗on凱ly和di漫sa縱bl龍ed屬性re韻ad騙on辜ly屬性用戶側(cè)不能框修改只表單旦控件控件影值將仿被傳劫送到妨服務歉器控件趁可以堂被鼠睬標和尿通過ta彩b鍵選下定di納sa壤bl大ed屬性用戶確不能渡修改賢表單縱控件控件沾值將不會被傳妖送到意服務植器控件不能被鼠殲標和忍通過ta旗b鍵選忌定意義實現(xiàn)浩自動漏操作(演示)Fo笑rm標簽岸的三逮大屬痛性ac旗ti縫on屬性(必須)說明含了接西收和恨處理囑表單廢數(shù)據(jù)劣的應橫用程巖序UR壓Lme方th宵od屬性(必須)為瀏洪覽器要設置午表單喊中的倆數(shù)據(jù)蜂傳送遮到服夸務器萌的方掙法屬性編值：ge規(guī)t和po除stNa慨me屬性<f拘or內(nèi)m喚ac塑ti仍on碑=“ht老tp布:/贈/w固ww獲.s蛋in妙a.鮮co吊m.牲cn突/s奸et胡up杰.a宗sp”尤me攜th韻od斷=“畝po層st熟”韻n迫am匪e=明“t紹es勻t_餓Fo乒rm永”>……酷.</竄fo門rm想>ge鍵t還是po么st潮(補充)<f右or丑m感ac按ti哥on渴=“左ht胃tp孟:/滲/l粗oc豈al潮ho聚st廉:8律08史0/塘cg膠i-殺bi莫n/廈me猛th地od銅.c拼gi毀"me私th能od將=“ge租t">排<i儲np柔ut摔t去yp粉e=腦"t熱ex預t"左s效iz耀e=惠"1悟0"榴v捏al惹ue縮慧=“zh纏an況gs降an"玩na釣me檔=“us吸er搏Na攤me">型<i應np融ut蘿t辦yp襖e=腐"s守ub尿mi顛t"院v方al覽ue汪="逼GE湖T方式">述<繭/f轎or蜓m>GE春T濟/c運gi抄-b常in讀/m亡et劫ho辣d.暢cg哪i?us織er議Na澆me列=z狠ha筍ng腥sa閥nHT吩TP延/1權(quán).1鐘A逮cc純ep齒t:婦i根ma奶ge踐/g他if眉,惡im母ag炎e/坑x-薄xb隨it擾ma戲p,鍛i銅ma燈ge展/j吧pe醉g,尋i棋ma園ge櫻/p杜jp豬eg畜,闖ap增pl炎ic燒at謀io紗n/室vn勢d.頃ms鹿-p微ow穿er更po于in樹t,風a罰pp負li姑ca談ti岔on勢/v挖nd熊.m篩s-食ex果ce伍l,襯a碼pp任li栽ca巖ti殿on刻/m合sw于or鹽d,搶*巷/*誼R路ef蓮er贊er評:ht鏟tp詢:/企/l本oc絹al商ho蜓st倉//激ot干he商r.盈ht歉mlAc誰ce游pt歐-L轉(zhuǎn)an珠gu趟ag僻e:厭z波h-踢cn食A膨cc護ep排t-效En倡co疼di吩ng席:耀gz斯ip翅,聯(lián)de宣fl股at冤e義Us賴er伴-A諒ge縫nt謎:兆Mo腔zi本ll償a/原4.解0澡(c蝦om袍pa暈ti慶bl釘e;春M軟SI炸E眨5.艷01晴;艱Wi部nd流ow傅s閘NT旦5允.0賠)靠Ho意st豪:鳥lo碗ca粒lh月os悼t:毯80底80積C酸on歷ne漸ct妥io伐n:茂K爭ee怖p-差Al寫iv長ePO梁ST蛇/至cg襲i-騾bi腥n/分te桌ch插/m譯et軌ho肉d.景cg魂i磚HT鞭TP永/1僅.1廉A朋cc刷ep屬t:擠i迎ma各ge掉/g梳if售,軌im宜ag高e/譽x-稍xb套it晉ma拴p,臟i狼ma贏ge澆/j辮pe嘩g,狐i漫ma噸ge的/p滅jp賣eg肅,麻ap陪pl粉ic抱at遙io嚼n/溜vn皂d.酬ms前-位po異we拌rp樹oi昆nt賓,李ap臥pl麥ic免at習io岸n/界vn為d.嶺ms凈-e賽xc柄el食,尤ap喇pl鉛ic昆at局io爐n/斷ms贏wo惡rd磁,較*/繼*產(chǎn)Re琴fe討re領r:ht禿tp做:/壓/l據(jù)oc冤al沫h(huán)o弄st觸//寫ot泊he傷r.漫ht饒mlAc駕ce惕pt雄-L超an些gu同ag礦e:擁z祥h-竹cn養(yǎng)C統(tǒng)on逗te令nt礎-T真yp么e:閱a社pp攔li亮ca尾ti接on字/x嗎-w鼠ww扛-f沙or小m-聲ur劉le穗nc滴od桂ed館A守cc得ep名t-才En羊co繁di妙ng亮:德gz射ip語,吳de榨fl剩at田e眾Us念er特-A富ge純nt過:擊Mo暈zi俯ll厚a/太4.尺0抹(c指om贊pa洋ti躬bl小e;帖M炕SI鵲E慌5.站01加;槍Wi批nd植ow假s頑NT啊5拳.0戲)星Ho蠟st訂:敞lo征ca鳥lh飲os恩t:地80托80院C覺on乒te鮮nt辮-L石en穗gt生h:需9醫(yī)C賀on沿ne扭ct茂io斷n:保K敘ee樂p-壟Al礦iv貝eus扣er誦Na書me蝦=l聲is您i注：根據(jù)HT略TP規(guī)范街，GE棵T用于羊信息樓獲取就，而套且應夜該是男安朗全的潮和冪憂等的蹄。所君謂安農(nóng)全的雅意味縣著該在操作蠢用于剝獲取疼信息蔬而非瞧修改脆信息津。換寶句話可說，GE炮T請求激一般漿不應蹈產(chǎn)生撞副作恢用。纏冪等嚼的意驚味著符對同恥一UR界L的多霉個請罪求應劈燕該返軌回同槐樣的溝結(jié)果生。<f五or作m療ac歷ti雙on劃="茄ht丙tp灣:/星/l景oc斃al沾ho不st業(yè):8境08尸0/常cg彩i-喚bi跑n/知te改ch題/m丹et賠ho肉d.肯cg務i"濃m挑et殿ho妙d=新"po兼st">惱<i壘np奶ut駛t遠yp鑰e=集"t何ex累t"溝s酸iz伴e=棄"1提0"他v緊al部ue柄="li止si"賀na孤me宮="us槳er扶Na往me">脖<i半np販ut犬t糠yp蕉e=醋"s償ub繩mi島t"務v季al矮ue黨="咸PO腰ST方式">紗<堡/f洋or愧m>總結(jié)表單滔是由表巴單容選器和腦其中愿的表重單元媽素組華成表單誼中的焰各種撥表單很元素廊及其蒼屬性表單壺的結(jié)默構(gòu)和攪表單憑屬性第七姑章di府v和sp院an回顧CS叔S樣式芽的幾妄種選爭擇器CS渣S樣式而引入結(jié)的幾諷種方套式樣式尋優(yōu)先被級區(qū)衫別盒狀花模型打，ma宗rg鄉(xiāng)豐in與pa飽dd廈in讓g屬性目定標CS螺S代碼漏書寫仿時注渴意事眾項掌握DI凝V常用納屬性掌握厲常用CS什S+曬DI山V進行質(zhì)頁面擱布局塌的方鬧法CS僑S代碼短注意賞事項使用cs儉s縮寫煎，盡開量減店小cs企s文件冰的大晶小明確葬定義杯尺寸議等屬調(diào)性單跡位(%、px恢/c烤m/竿in湖/m惜m/灑em守…)注意cs眠s元素爛名稱闊的大頃小寫不需豈要重精復定欲義可注繼承肝的屬列性值最近哪優(yōu)先徑原則不需掘要給士背景崗圖片切路徑隔加引裕號共同袍屬性柔時可夠以使判用組瘦選擇僅器避屋免重色復定借義注意牲常用cs夫s的縮食寫，醒比如bo犁rd海er總:w陸id差th裁s秘ty原le著c止ol拉or隊;文檔冠流將窗貴體自略上而廚下分掠成一戒行行,并在協(xié)每行庸中按師從左爭至右陵的順寸序排協(xié)放元奸素,即