Web开发基础实训课程

山东胜利学院企业实训课程客户端页面技术应用课程目标

理解静态网页工作原理

掌握HTML表单元素JAVASCRIPT语言了解DW(Dreamweaver)工具的使用课时安排第1天上午知识点1：WEB概述与超链接知识点2：页面排版布局与表格项目任务：实现一个简单的餐厅连接设计第1天下午知识点1：表单与表单元素项目任务：实现一个注册界面的设计第2天上午知识点1：JavaScript动态脚本语言项目实战：实现微博系统的登录和注册的表单验证第2天下午考核测试：实现一个注册的表单验证（机试）第一章WEB概述与超链接本章目标了解Internet和万维网(www)?了解Html语言历史和W3C组织学习Html的全局架构标签什么是标签及其属性?如何创建超级链接?Internet和万维网(www)什么是Internet?Internet的历史定义--连接网络的网络TCP/IP(传输控制协议/Internet协议)，一种能保证计算机之间进行通信的标准规范Internet和万维网(www)万维网(worldwideweb)是一个基于超文本（Hypertext）方式的信息检索服务工具。万维网提供这样一种友好的信息查询接口：用户仅需提出查询要求，而到什么地方查询及如何查询则由万维网自动完成。超文本开发语言HTML信息资源的统一定位格式URL超文本传送通信协议HTTPInternet和万维网(www)超文本传输协议HTTP定义：网络传输协议作用：发布和接收Html页面统一资源定位符URL定义：网页地址格式：协议://域名:端口号/文件路径/文件名.文件后缀

http://www.QQ.:80/tq/index.htmlHTTP协议示例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

­消息体的内容（略）HTML超文本标记语言Html（超文本标记语言）定义：为网页创建和其它可在网页浏览器中看到的信息设计的一种标记语言以“<标签名>”标识标签的开始，以“</标签名>”标识标签的结束成对标签又称为容器，一对标签中还可以嵌套其它标签单独标签不需要与之配对的结束标签，又称之为空标签，例如<br/>属性设置的格式为：属性名=“属性值”<marqueebehavior=“alternate”> <fontsize=“30”color=“red”>Hi~大家好!</font></marquee>浏览器访问网页文件的方式http协议网页文件本地存储系统（硬盘）www服务器网页文件Html规范与版本不同浏览器之间的不兼容问题从软件开发角度：多个公司开发了浏览器软件，根据网页中的标签决定显示内容,有点浏览器根据自己的需要，定义了特有的显示效果标签，导致不兼容规范的制定IETF制定Html2.0W3C组织3W联盟正在使用的Html的版本Html4.01XHTMLHTML5最新版网页与网站什么是网页?定义：构成网站的基本元素格式：分为静态网页和动态网页静态网页文件扩展名为.html或.htm动态网页文件扩展名为.jsp或.aspx.asp.php等什么是网站?实例：新浪，网易定义：展示特定内容的相关网页的集合如何上网?网络的工作原理

客户端向服务器发送页面请求Web服务器处理请求并返回请求的页面HTTP负责请求和响应如何上网?

Web服务器客户端HTTP协议协议用于访问Web上资源的一组规则HTTP是Web协议

站点地址或URLHTML语言用于制作网页静态液网页动态株网页(1刚)动态乡丰网页(2预)编辑哥工具Dw雁(子Dr沫ea井mW杏ea寻ve远r)Ed影it界Pl伞us记事唤本(N芦ot兽ep鬼ad捡)Ht总ml的全惜局架傲构标跪签网页界的基昂本结露构网页舍以<h胶tm留l>开始</贤ht愈ml冲>结束两个领主要垂的结撕构：he连ad首部仗，bo膛dy主体<h盆tm隶l><h用ea跑d>……</雾he糕ad绞><b轿od坊y>……</你bo救dy霉></休ht习ml谣>Ht延ml的全虎局架习构标钉签网页晃的头贼部结构惨：<h猴ea占d>膜…<进/h听ea屈d>内容短：<t鞠it演le早>,诉<银me孩ta田>,美C通SS搬,谣Ja购va驳sc籍ri沃pt网页锻的主企体结构慕：<b众od给y>巧…<雹/b风od椅y>内容旬：包纹含网科页中钱显示非的文捡本、涂图像贱和链页接等<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泳=“中软调，培君训，兼软件见工程擦师”><s员ty减le然>盐……指.已</蝴st愈yl柳e><s提cr顿ip恶t>揪…细….坑<表/s逼cr岗ip卖t></夹he葬ad拴>瞒…<h担tm辨l><h发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文档马的内罢容和基外观分类陶：舞单独乱标签:<忘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标签文档窗类型,会使畏浏览妹器使触用相挨应的成方式霜加载败网页扑并显鉴示。示例严：<!厘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区"温"h炒tt小p:酱//贯ww画w.邀w3瓣.o乒rg踪蝶/T传R/艺xh吃tm笼l1精1/金DT罪D/盒xh涛tm校l1稍1.构dt蝴d"辛><!涉DO嚼CT烛YP邻E驱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的头适部协魄议，斜它回陈应给蹈浏览透器一克些有呀用的农信息朝，以哄帮助吵正确嫁和精柿确地湖显示株网页建内容,响应岔报头薄信息速，如勇页面恼编码席、缓歪存模酸式等虫等.NA街ME定义歉页面利基本标信息同，这抬些信定息是处提供厕给网获络搜六索引扯擎的台，搜霸索引锐擎通娇过这抵些信四息可才以找匹到页游面标签低及其利属性示例<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设置蛾网页卵文档侧的背汉景颜框色十六粗进制RG申B颜色欣码，女使用防一个#号后环跟六夜位十聪六进恋制数倍据，生例如#F棚F0罩00买0Ht臣ml的颜宋色常方量名金，例晨如’re辱d’属性ba欣ck罢gr轻ou敲nd设置酱网页兵文档站的背辽景图赵片属性te乖xt设置堤网页阻中文朋字的竭颜色属性le坊ft添ma扇rg算in设置怕网页碍中的亩内容放到左协边距陪之间敲的距址离属性to盛pm子ar城gi灶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设置榜宽度路径相对宅路径由当舅前文岩件所析在的丽路径判引起搏的跟渴其它瘦文件(或文甜件夹)的路希径关疑系（”..渔/”代表肿上一耻级文割件夹监）范例: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标签术及其耻属性标签<p别><饼/p逼>属性al沫ig套n设置只段落夹文字谦的水粗平对渠齐方控式取值伪范围(le避ft矮,r撕ig耍ht恒,c签en骆te肃r)标签<b交r/飘>标签<i伶mg浓/常>作用:显示骂图片属性sr仗c指明手图片吓位置(相对捐路径恋，绝锤对路杠径)属性al功ig置n设置时图片渡周围累内容墨对齐糕方式取值退范围(挥to绪p,徒mi苹dd久le低,b蜂ot执to乖m接)属性al身t图片剥无法猴显示慎时的秒替代姻信息属性ti悔tl呈e提示雕信息超级娘链接标签<a麦><批/a醉>作用:超级沙链接1)实现验页面蹦之间晃的跳往转2)页内亿跳转3）ma饶il张to属性hr屠ef悬=“”属性ta眉rg巡寿et锚记<a冷n湖am亲e=“”>作用:页内应跳转利用苹锚记红可以威实现斩页面朗内跳诸转结合轿超级智链接钓，可绍以跳缓到另站外页捡面指融定的课位置Ht皱ml语言鹿注释<!障--这个针注释穷内容膝将不挎会被屡显示昼在浏毛览器申上--饺>好的ht词ml编码总习惯文件望扩展美名为.h斜tm之l标签柿必须答正确桶地嵌扶套要符喝合XH哀TM把L标准标签晕元素快必须领要关袖闭抵比崇如<p滚><绒/p何>、<b器r/避>标签蚊名、设属性很名要下用小球写字甜母文档捧必须微要有且根元庄素<h系tm田l>标签栋的属厦性必毒须有叛属性局值,属性吃值需伞要加畅上引亭号合理温必要戴的注骨释不要猜使用W3于C不推净荐使当用的合标签总但结了解in漆te汗rn家et扮,万维削网熟悉附网页荒的基嫁本组须成结尿构标记嫌及其炎属性齿的构突成段落掩标记顺，图堆片标姥记，根超级导链接奸标记相对匠路径杆，绝刺对路扒径，粘物理渴路径任务项目蝴：为捐新开骆的餐员厅设既计网垃站要求喂：1.共有葱三个颜页面博，分卡别为A文件旦名in端de爸x.喷ht挥ml站点供首页竹，用稻来显桐示餐治厅介身绍信薯息，愚如餐讨厅主务营品酬种，知餐厅惑规模繁，餐催厅地有理位茶置，躲餐厅腹营业赚时间挣，餐帆厅服瘦务项魄目等础。其到中，咳餐厅版主营角品种房诚，餐候厅地仓理位楚置，触营业肃时间蜘为必预须选仆项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要求申有目录分别链接胆到本驳页面摄内的具基体菜拜肴C代we鞋st略.h默tm峡l和Ch查in峰es工e.赶ht棋ml之间炼能够股有互相港访问哈的超望级链妇接作业纱（二恳）We钥b开发贡基础第二迟章咏表格退与页脾面布典局回顾In当te抓rn秒et和澡万维友网网页盏的工填作原粥理网页析的基租本结翅构标记店及其拜属性段落饲标记没，图秋片标贩记，北超级器链接辣标记相对欠路径凳，绝决对路奶径，酬物理蛋路径本章府目标网页则设计息注意指事项什么菌是表读格？为什戒么需做要表蔽格？如何侄创建决表格洒？表格肿如何亿使用牵？网页聚设计孕注意叙事项多浏闭览器屈支持样式哄与风会格统违一网站愚结构共、文寄件命墨名页面歇尺寸酱与屏稳幕分刮辨率图片税文件过命名乎、大键小尺房诚寸限郑制相对朵路径奶的应装用页面剑内容液（ti故tl良e、me抽ta、al稳t、tb据od舰y等属坝性的至应用抄）什么马是表催格？表格残是ht裤ml高级蛋构件束之一馒，它月表示届数据每之间谣的关面系，谊使对岭比分矛析更佳容易腊理解荷。表航格由企特定书数目烛的行扰和列寺组成球员得分篮板姚明278麦克格雷迪312海耶斯815巴蒂尔75阿尔斯通23表格边应用锻示例什么彩是表博格？表格绞的作迟用：用于刺显示侵数据扒，便零于理司解、垦分析组织菊网页灭版面爬信息什么赶是表谎格？行列列标挣题在HT破ML文档皆中，须广泛蔑使用愚表格现来存雹放网讨页上萌的文驱本和混图像单元依格表格标题如何教创建粥表格?表格踪蝶用<t佣ab戏le蕉>表示一个液表格奶可以刊有很程多行黄，用<t局r>表示每行傅可以炼分为赤多个济单元帆格，邪用<t群d>表示演示沟：一行妨一列一行谁三列两行收三列<t犯ab仁le布>标签闭及其甩属性bo段rd益er属性祸表格钞边框演示纽奉：不括显示腐边框掉的表颗格演示莲：显教示边丧框的未表格al姐ig衰n表格寺对齐演示爬：居永左，妻居中醋，居旋右对卸齐排版启：新发浪表格惊背景bg法co狗lo例r鹊b桶ac哲kg脆ro姨un优d颜色主表示络的3种方姨法注：al括ig认n、bg博co妻lo季r属性经不赞来成使边用，察应使尊用cs发s控制<t杀ab左le揉>标签揭及其醉属性表格聪宽度wi彩dt板h高度he银ig纠ht单位曲设置像素(p镇x)百分装比(费%)演示由设景置宽僚度，彻高度避免游出现绩水平惕滚动抓条一般煎不设市置高鸣度(自适庙应)ce飞ll气sp赛ac而in阁g，ce挎ll猫pa渣dd轿in撕g属性ce永ll迈sp阶ac鼠in今g设置谨单元隆格间既距ce侵ll唯pa悠dd风in贴g设置乳单元锈格边脉沿和干其内灰容之分间的凭距离ta蒸bl舍e的常抖用属捧性<t刃r>标签吓及其用属性al皂ig捞n属性属性廉值：斤“le山ft”、“ce但nt助er”、昆“ri仇gh类t”注意梁区别<t眉ab个le幻玉>的al帖ig掉n属性va件li滚gn属性属性生值：铺“to漂p”、巩“mi证dd词le”、眯“bo宰tt干om”bg凉co经lo跌r属性背景岂颜色扬设置考虑拔设置偶优先颤级的毙问题<t贡d>标签假及其书属性al故ig跑n属性属性留值：”le科ft”“ce宣nt静er”“ri修gh激t”注意直区别<t驼ab介le己>的al址ig毙n属性va照li风gn属性属性阀值：”to咳p”“mi啄dd貌le”“bo书tt膨om”bg代co冒lo赶r属性ba诵ck蛮gr薯ou是nd属性bg授co姻lo蹈r背景英颜色霉设置ba贸ck娱gr走ou斗nd背景芝图片爱设置考虑仇设置甘优先斩级的娃问题<t湿d>标签郊及其奔属性wi酷dt改h属性he介ig循ht属性注意优：同雄行或漫者同活列单海元格捡将受块影响ro绳ws腔pa孝n属性co肤ls耐pa笼n属性ro玻ws逆pa刑n属性螺将盯一个亮表格鼻单元书格扩弃展为绣几行性。co轰ls雁pa垫n属性踢将倚一个千表格千单元紧格扩臣展为洗几列演示项目能实战利用ro闲ws鱼pa充n和co劣ls眨pa暑n属性躬合并计单元研格其它特表格惜标签<c视ap独ti侦on维>标签作用再：用增来说采明表柄格内稿容的牢标题属性颤：al刑ig松n，va骨li歌gn<t夸h>标签作用久：同<t排d>标签不同栏点:<糟th秩>用粗般体样匠式标筐记的流文本浑表头辛，对顾齐方龟式也爽不一肯样<t此he粘ad硬>站<t揪bo倦dy跃>左<t霞fo从ot交>标签用表困格进许行页萌面排卖版表格踪蝶进行炭页面定排版简单初，便蚂捷结构盏清晰表格雀嵌套历使用演示表格基排版肤注意命事项末：表格脂嵌套焦层次托不要届太多整个丧页面上的排盖版不租要用摄一个ta素bl幅e，影暴响浏磁览器普对页醉面的档显示抵效率表格勤的行巾列排狐版要登整齐td中没遍有内价容时基，以杂空白誓（&n宁bs灰p;）填饭充Di杆v+伤CS亩S布局绒（了刃解）总结表格悼可以坏格式翠化数勤据、约管理信文件吴布局表格寸的基金本结裳构标签<t插ab钞le涝><上tr嚷><所td修>及其森基本撕属性合并我单元您格其它辫表格饼标签第三杰章挎表单尼与表控单元记素回促顾表格鱼在网乘页中蛮的作帐用如何串创建卫表格表格洪的基扭本结攻构表格给标签胡及其骆属性单元局格的托合并本章骂目标什么茎是表衬单？表单犬如何径使用课？如何诞创建科表单敏？了解晒表单呀和表借单元种素之私间的袭关系掌握同表趋单元难素炒的使张用表单碑的应摔用表单雹在商蹲务上故的应贵用网上营预定睡商品网上守商品飞拍卖表单满在各扶种社惯会机剃构中锹的应旨用网上然调查网络雄咨询表单咽在网帐络上袖其它特应用网络除人才丈招聘网络浸社区扣注册表单捉应用表单都元素--文本驶框、寄密码阅框文本和框标签群：<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网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文本猴内容堂换行况符：&#郑13表单棵元素—复选肠框、耻单选习框复选查框标签深：<i骡np成ut戴t限yp言e=“ch树ec种kb挣ox”>属性熊：ty跃pe，na胜me，va喊lu滔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联ts探”傍va及lu陪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/创><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环><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苦le卵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=网“r励es吼et态”>属性始：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标签柄来定朋义表汉单元板素间屡的关寻系<f限ie杯ld满se华t>标签<l夕eg立en演d>标签将一员群相凯关表桶单控仇件形查成一鸭个组锁，并雀用<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转nd皂ex属性用来倒设定普按下ta先b键时桶焦点扯的移屑动顺岂序ta侵bi尸nd高ex属性坛值为城正整裹数规则轧：数值拴越小于越先绣访问如，没芦有ta货bi价nd橡ex属性厌或属巾性为0的元拾素后选被访通问其它绵相关纳属性id属性id属性字赋值境的名杨称不躬会传编递给啦服务畜器(证明)id属性嫂和na仅me属性哑的区虚别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属性患值，Fi疤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属性用户侧不能框修改只表单旦控件控件影值将仿被传劫送到妨服务歉器控件趁可以堂被鼠睬标和尿通过ta彩b键选下定di纳sa壤bl大ed属性用户确不能渡修改贤表单纵控件控件沾值将不会被传妖送到意服务植器控件不能被鼠歼标和忍通过ta旗b键选忌定意义实现浩自动漏操作(演示)Fo笑rm标签岸的三逮大属痛性ac旗ti缝on属性(必须)说明含了接西收和恨处理嘱表单废数据劣的应横用程岩序UR压Lme方th宵od属性(必须)为浏洪览器要设置午表单喊中的俩数据蜂传送遮到服夸务器萌的方挣法属性编值：ge规t和po除stNa慨me属性<f拘or内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权.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转an珠gu趟ag僻e:厌z波h-踢cn食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历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磁,较*/继*产Re琴fe讨re领r:ht秃tp做:/压/l据oc冤al沫ho弄st触//写ot泊he伤r.漫ht饶mlAc驾ce惕pt雄-L超an些gu同ag矿e:拥z祥h-竹cn养C统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医C贺on沿ne扭ct茂io断n:保K叙ee乐p-垄Al矿iv贝eus扣er诵Na书me虾=l声is您i注：根据HT略TP规范街，GE棵T用于羊信息楼获取就，而套且应夜该是男安朗全的潮和幂忧等的蹄。所君谓安农全的雅意味县着该在操作蠢用于剥获取疼信息蔬而非瞧修改脆信息津。换宝句话可说，GE炮T请求激一般浆不应蹈产生撞副作恢用。缠幂等嚼的意惊味着符对同耻一UR界L的多霉个请罪求应劈燕该返轨回同槐样的沟结果生。<f五or作m疗ac历ti双on划="茄ht丙tp湾:/星/l景oc毙al沾ho不st业: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>总结表单滔是由表巴单容选器和脑其中愿的表重单元妈素组华成表单谊中的焰各种拨表单很元素廊及其苍属性表单壶的结默构和搅表单凭属性第七姑章di府v和sp院an回顾CS叔S样式芽的几妄种选争择器CS渣S样式而引入结的几讽种方套式样式寻优先被级区衫别盒状花模型打，ma宗rg乡丰in与pa饱dd厦in让g属性目定标CS螺S代码漏书写仿时注渴意事众项掌握DI凝V常用纳属性掌握厉常用CS什S+晒DI山V进行质页面搁布局塌的方闹法CS侨S代码短注意赏事项使用cs俭s缩写煎，尽开量减店小cs企s文件冰的大晶小明确葬定义杯尺寸议等属调性单迹位(%、px恢/c烤m/竿in湖/m惜m/洒em守…)注意cs眠s元素烂名称阔的大顷小写不需岂要重精复定欲义可注继承肝的属列性值最近哪优先径原则不需掘要给士背景岗图片切路径隔加引裕号共同袍属性柔时可够以使判用组瘦选择仅器避屋免重色复定借义注意牲常用cs夫s的缩食写，醒比如bo犁rd海er总:w陆id差th裁s秘ty原le著c止ol拉or队;文档冠流将窗贵体自略上而厨下分掠成一戒行行,并在协每行庸中按师从左争至右陵的顺寸序排协放元奸素,即