计算机网络基础项目五

项目五编写HTML代码项目导入任务1认识HTML任务2编写网页任务3

建立列表任务4建立超链接任务5建立表格任务6建立表单任务7建立框架任务8使用多媒体任务9应用CSS2023/7/33知识与技能目标理解网页与网站的概念掌握HTML文件的基本结构掌握HTML的常用标记掌握列表的使用掌握超链接的应用掌握表格的应用掌握表单和框架技术的应用掌握多媒体在网页中的应用了解CSS在网页中的应用2023/7/34知识重点及难点HTML文件的基本结构HTML的常用标记编制含有各类HTML元素的简单网页任务1认识HTML任务介绍通过对目标网站的访问，培养使用浏览器快速、准确、有效地获取互联网信息的能力，并对这些网站从类型、结构、外观风格、页面元素、实现技术等方面进行深入、全面的分析和根据分析结果撰写专题主板报告，从而进一步建立专业意识和提高综合分析问题的通力能主动吸取一些优秀网站的建站经验，增加有关网站建设的知识和经验和积累。任务1认识HTML预备知识一、网站（Website)网站（Website）是指在Internet上，使用HTML（HypertextMarkupLanguage，超文本标记语言）等工具制作的用于展示特定信息的相关网页集合。人们可以通过浏览器来访问网站，获取自己需要的资讯（信息）或者享受网络提供的服务。1.网站类型网站类型是指根据网站使用性质和内容不同对网站的分类，通常情况下可以将网站分为政府网站、企业网站、教育科研机构网站、个人网站和其他非盈利机构网站等。（1）政府网站是指面向社会公众，既可提供办事指南、政策法规、动态信息等，也可提供网上行政业务申报、办理，相关数据查询等；（2）商业网站主要是指在网上进行电子商务活动的网站；（3）企业网站主要用于展示企业综合实力和品牌理念，树立企业形象，为客户提供产品售后服务等；（4）个人网站主要是以个人的名义在互联网上建立的用于自我展示和与他们交流的网站；（5）其他非盈利机构网站主要是指从事一些社会公益事业活动或社区信息服务等方面的网站。2.网站结构网站结构一般分为物理结构和逻辑结构，网站物理结构是指网站真实的目录及文件所存储的位置；网站逻辑结构是指在一个网站中各页面之间的逻辑链接关系，也称网站地图。分析网站结构主要是指对网站的逻辑结构进行规划设计，如何合理地规划设计网站的逻辑结构是网页制作的一个重点。常见的网站逻辑结构有以下三种：（1）线性结构：是组织网页的基本结构，也是网站最简单的一种结构，它是以某种顺序组织的，可以是时间顺序，也可以是逻辑甚至是字母顺序。通过这些顺序呈线性地链接，如一般的索引就是采用线性结构。（2）二维表结构：这种结构允许浏览者横向、纵向地浏览信息。（3）层次结构：层次结构是由一条主线构成索引，每一层又由一条线性结构构成。如网站导航就是这种结构。层次构造是目前网页制作普遍采用的一种结构形式。任务1认识HTML预备知识二、网页（WebPage）网页（WebPage）是网站中的一“页”，是构成网站的基本元素，是承载各种网站应用服务（如信息浏览、视频点播、资源下载、电子邮件等）的平台。通俗地说，网页就是当访问网站时，在浏览器窗口中所呈现的一个个页面。其中，在浏览器窗口中首先打开的默认页面称为该网站的首页或主面（HomePage），网站首页一般命名为index或default。1.网页文件的类型在计算机中，网页是以文件的形式存储的，所以网页也可称为网页文件。通常看到的网页文件，都是以.htm或.html为后缀的文件，俗称HTML文件。不同的后缀，分别代表不同类型的网页文件，如以.asp或.aspx或.php或.jsp等为后缀的网页文件。2.网页的分类网页按使用技术的不同，一般分为静态网页和动态网页。静态网页是相对于动态网页而言的，大多采用纯属HTML编写，没有后台数据库、不含程序和交互操作的网页。在静态网页上，也可以实现各种动态效果，如插入.gif格式的动画、Flash动画、滚动字幕等，这些“动态效果”只是视觉上的，与真正含义上的动态网页是不同的概念。静态网页与动态网页的区别是程序是否在服务器端运行，这是区别静态网页和动态网页的重要标志。运行于服务器端的程序、网页、组件，属于动态网页，它们会随不同浏览者、不同时间、不同操作返回不同的网页，如ASP、PHP、JSP、ASP.net、CGI等；运行于客户端的程序、网页、组件，属于静态网页，如HTML、Flash、JavaScript、VBSctipt等，它们无论什么浏览者，什么时间，怎么操作，网页都是始终不变的。3.构成网页的元素文字和图片是构成网页的最基本元素。可以简单地理解为：文字是网页的主体内容，图片会使网页更加美观。除此之外，构成网页的元素还包括超链接、表格、音频、视频、动画、表单和脚本程序等。链接就是指向其他资源的指针，超链接就是以文本或图像作为链接源，指向的其他资源作为链接目标的链接。网页最重要的特性就是具有超链接能力，通过超链接可以实现网站之间或网站中各页面之间的做生意跳转。3.构成网页的元素文字和图片是构成网页的最基本元素。可以简单地理解为：文字是网页的主体内容，图片会使网页更加美观。除此之外，构成网页的元素还包括超链接、表格、音频、视频、动画、表单和脚本程序等。表格在网页中应用非常普遍，用来显示各类规则数据，以使网页中的内容条理更清晰，浏览者在访问网页时，可以更方便地找到感兴趣的资料。另外，表格还可以用于网页布局和页面排版，如利用表格实现网页布局、列表和分栏等。3.构成网页的元素文字和图片是构成网页的最基本元素。可以简单地理解为：文字是网页的主体内容，图片会使网页更加美观。除此之外，构成网页的元素还包括超链接、表格、音频、视频、动画、表单和脚本程序等。音频、视频和动画等可以统称网页多媒体元素，在网页中加入多媒体元素可以使网页更加绚丽多彩。常用的音频文件格式有：.wav或mp3或.midi等；常用的视频文件格式有.avi或.rm或.mpeg等；常用的动画文件格式有.swf或.gif等。3.构成网页的元素文字和图片是构成网页的最基本元素。可以简单地理解为：文字是网页的主体内容，图片会使网页更加美观。除此之外，构成网页的元素还包括超链接、表格、音频、视频、动画、表单和脚本程序等。表单和脚本程序主要用于动态网页设计，网页中应用表单向浏览者提供可交互操作界面，以便服务器收集浏览者的各种资料信息；脚本程序主要负责运行和处理浏览者向服务器提交的资料信息，并向浏览者反馈资料信息处理的结果。任务1认识HTML预备知识三、HTMLHTML（HypertextMarkupLanguage，超文本标记语言），是一种编写超文本文档的简单标记语言。所谓超文本，是因为它可以加入图片、声音、动画、影视等内容，用HTML编写的超文本文档称为HTML文档。每一个HTML文档都是一种静态的网页文件，里面包含许多HTML标记代码，这些代码并不是一种程序语言，它只是一种排版网页中信息显示位置的标记语言，自1990年以来一直被用作WWW的信息表示语言，简单易学，独立于各种操作系统平台，通过浏览器解释执行。HTTP（HypertextTransferProtocol，超文本传输协议）规定了浏览器在运行HTML文档时所遵循的规则和进行的操作，使浏览器在运行超文本时有了统一的规则和标准，当浏览者需要进入万维网浏览这些信息时，浏览器将按照这些统一的规则和标准解释执行HTML文档，最终将HTML文档翻译成网页显示在浏览器窗口。任务1认识HTML任务实施一、在IE浏览器中打开目标网站打开Windows7操作系统IE浏览器，分别在浏览器地址栏中输入下面的网址：/打开“四川省教育厅”官网和“成都宏达电脑科技有限公司”网站。任务1认识HT辛ML任务油实施涨二、坏对比串分析何网站浏览状上述酷网站寻，从惧两个桨网站桐的类岸型、食结构榴、外哭观风造格、稀页面宪元素扇、实血现技辟术等跳方面叹进行训深入然、全蓝面的瓶分析方，填绸写表骑格：网站名称网站地址网站类型网站功能网站结构网站栏目网页布局网页元素网页类型任务1认识HT魄ML任务纯实施晌三、交撰写巷专题返评析木报告一、遍背景束分析二、桨分析减比较1.网站秒类型2.网站懂功能3.网站垒栏目罢的结贤构设眉计（1）网聋站结钻构（2）网惠站栏南目（3）主饱页布赛局（4）网勤站特扁色三、拾结论任务1认识HT拥ML知识遇拓展辅一、HT浇ML的发轨展历窗程19火69年前样后，押托·尼尔铜逊提躺出超交文本忙的概弹念，IB纯M公司渡的Ch远ar思ke议s谢Go槽kl事fa尊rd等设共计出业了通腾用标手记语察言——齐GM估L。19蚕78年，表美国赵国家行标准册局一少工作按组对GM慢L进行答了规挥范，乞推出络了命圣名为SG胁ML的通为用标压记语险言。19请80年，IS防O正式确定SC钞ML为描给述各感种电承子文溪件结还构及昆内容俩的国福际通荐用标攻准。19吨90年，Ti凭m蚕Be各rn院er洋s-汪Le蜡e将他挽设计售的初痒级浏级览和及编辑外系统她在网荷上合乒二为帅一，望创建聋了一弊种快蚂速小湾型超荣文本下语言来栋为他松的想眯法服趁务。眨他设屠计了宰数十鸦种乃拼至数饥百种拨未来辫使用籍的超斧文本法格式陪，并停想象段智能孔客户拆代理迅通过以服务医器在谎网上锅进行统轻松铺谈判烈并翻匆译文闹件。检它同Ma筐ci套nt婚os盯h的Cl乌ar材is晓X抓TN饲D系统夕极为雀相似嘱，不察同的墙是它衔可以慎在任挺何平漂台和耳浏览鼻器上象运行萄。最初态的HT宵ML语言免以文额本格院式为客基础议，可盛以用伴任何写编辑隐器和脚文字传处理折器来川为网肠络创霜建或低转换千文本堡，仅该有不龙多的迹几个卷标签杜。网享络从堆此迅进猛发竿展，付人们逃开始鹿在网刻上发躺布信腥息。境很快溪人们壁就开纺始琢爬磨在喉网上捐放置冰图像连和图洲标。19葱93年，NC竞SA推出僚了Mo出sa边ic，也艺就是腊第一粘个图辉文浏茧览器视，从打此We四b开始零迅速月地发惜展起神来。HT狡ML语言睡也不父断产码生新浪型、算功能桃强大肉且生淹动有蹲趣的舱标签个形式装，例距如<b胞ac袍kg景ro谣un腔d>、<f被ra馒me非>、<f缠on鼠t>和<l誓in香k>等。趁但愚是此不时，都出现意了许少多不将同的HT军ML版本窗，而雪只有伤设计排者和均用户红共有腔的HT葬ML部分邮才可史以正隆确显耗示。累因此葡在这纺段时劈燕间，W3诞C都在融激烈赴争论故名叫HT砍ML许3的新中技术捷，该年文件仅概括饭了所亚有全融新的装特性活，但喝没有秧任何物技术完支持馋。出籍于这惜种混岩乱局杨面的弄考虑索，在19绣96年，W3寸C的HT啄ML威W蔬or苍ki燃ng休G爷ro辈up组织汽编写泛了新炼的规愚范，孕从此HT奖ML妥3独.2开始黄发展烤，它勇更接渴近于监现实唇的目迹标，蝴即提居供给多内容刷商和尚浏览碎器发垃展商吼在研夜究工扇作中洒一个宽公允处的参袜考标吃准。到现扒在为悲止，HT落ML已经辩发展姨到了辛比较霸成熟参的HT银ML页4版本池，在奥这个样版本吵下的叼语言字中，喊规范条更加织统一桐，浏赌览器究之间各的兼稍容性驴也更拘加完乔善。HT普ML仰5前身竖名为We穿b乎Ap腰pl冻ic央at工io视ns续1璃.0魔，于20凯04年由WH胸AT抱WG版（W伏eb熊H絮yp累er活te娘xt腰A润pp早li变ca宪ti坦on允T晕ec挑hn冶ol皇og四y摆Wo衰rk榜in雅g名Gr焰ou缸p）提出抖。于20肌07年被W3默C接纳涂，并豪成立虑新的HT父ML工作拖组（Th袍e黑HT暑ML舒w掠or眯ki友ng笔g炸ro原up茎a捐t汁th致e膏W3腔C)姥，2努00薄8年1月22日，跟发布催第一烛份草冻案，20皆12年12月17日，卫万维符网联露盟（W3善C）正格式宣慢布凝赠结了打大量德网络汽工作继者心复血的HT读ML沟5规范仪已经港正式披定稿劝。根咽据W3讽C的发躺言稿育称：吼“HT息ML吼5是开凯放的We蹄b网络雷平台算的奠毯基石”挎。20名13年5月6日，HT钢ML捞5扫.1正式西草案膝公布记。该倡规范活定义配了第司五次济重大济版本挣，第茅一次云要修投订万顶维网羡的核考心语齿言：绵超文竹本标轨记语嫩言（HT誓ML）。脊在这弃个版副本中捷，新拼功能行不断颠推出润，以六帮助We陈b应用串程序银的作翁者，拘努力章提高锈新元队素互托操作疗性。任务1认识HT议ML知识痒拓展捧二、炉网页元布局骡形式当浏磨览者拍在访费问各绢类网飘站时体，随虚着鼠纪标的缝点击南，网测站中谣那一知张张量精美质的网能页都列将各灵呈现男在浏氏览者弊的眼舟前，连那么零，一昨张精沟美的样网页肾是如骨何体愁现的辆呢？旁当然搜，在袖前面孙讨论副的网灯页元寸素是茶必不琴可少里的因价素。田除此条之外校，还橡有一标个非币常重沟要的贝因素——网页够布局台。网郊页布描局可渣以使朴网站沙中的邻所有牵页面桃更加林协调华，风瓣格一投致、示布局赢统一枝，常幻玉见的周网页截布局者有：（1）“国”字形奏布局也可昌以称逃为“同电”字迅型，察是一葡些大筑型网秋站所尊喜欢凝的类宗型，岔即最浪上面缴是网谊站的羞标题饺以及赏横幅滑广告减条，岔接下延来就桂是网孕站的政主要光内容慕，左大右分顾列两串小条烧内容哥，中碎间是笋主要猪部分桥，与夸左右榜一起骂罗列前到底茅，最慢下面继是网男站的勉一些勿基本芽信息僚、联掏系方蓬式、码版权滴声明置等。腰这种掩结构弱是我笼们在摩网上寄见到跑的差槐不多毯最多煌的一桥种结苹构类装型。（2）“匡”声字形甲布局蚁这命种结口构与现上一镰种其蝇实只称是形本式上锅的区稻别，封它去债掉了刚“国泰”字援形布葵局的亲最右津边的戴部分漫，给类主内茄容区猎释放恒了更翁多空温间。蒙这种强布局泻上面潮是标场题及凯广告施横幅浩，接湿下来或的左往侧是裙一窄仔列链找接等输，右狡列是尺很宽逆的正秆文，兴下面烘也是护一些何网站印的辅韵助信随息。（3）“三”孔字形贸布局歇这到是一内种简回洁明斑快的舰网页填布局订，在壁国外云用的络比较堡多，旱国内造比较嘉少见稼。这彩种布赚局的剑特点茫是在护页面口上由医横向谋两条巷色块归将网阵页整辅体分喊割为充3部呜分，侨色块程中大端多放承置广数告条端与更岛新和怜版权停提示嘉。如定图所妖示即湖是一滑种三把字形食布局锯的网贿页。（4）“川”季字形蜂布局棉整选个页葱面在粉垂直妇方向码分为免三列亿，网和站的透内容律按栏偷目分惰布在描这三愧列中毕，最价大限朋度地灭突出初主页主的索特引功庄能。虚如图回1-激19贷所示庄的“衬Be语ij正in呢g伍20珠08添”网贫站就沟是一愧种川潜字形刮的布白局。（5）海荒报型输布局这种孩类型渡基本葡上是猎出现漏在一咱些网缸站的佳首页胀，大旅部分雕为一袜些精灯美的违平面颈设计演结合假一些族小的存动画酱，放课上几制个简撕单的碰链接翼或者惨仅是扰一个离“进乱入”参的链冷接甚眯至直湾接在忧首页垫的图手片上早做链志接而省没有邮任何遭提示捡。这暂种类全型大妇部分伪出现妥在企宰业网肤站和侦个人遭主页讽，如叙果说无处理珠的好池，会遥给人撇带来率赏心字悦目龟的感隙觉。（6）Fl料as水h布局这种叼布局及是指单整个竭网页距就是当一个Fl秒as员h动画姐，它泻本身畅就是药动态遥的，交画面撇一般乱比较狡绚丽初、有基趣，劳是一鄙种比舰较新性潮的斯布局滨方式拜。其伏实这戴种布妄局与虽封面初型结历构是泽类似岸的，本不同弃的是浑由于Fl潜as蒙h强大嗓的功磁能，阻页面岩所表翼达的害信息呼更丰首富。剪其视拼觉效裁果及胡听觉粱效果欧如果冤处理务得当换，会趁是一规种非兴常有衰魅力叶的布权局。（7）标际题文默本型歪布局标题南文本估型布睛局是换指页屋面内都容以摇文本情为主释，这沿种类逝型页雷面最鼓上面罚往往栽是标神题或创类似窜的一裹些东铃西，留下面换是正舍文，绪比如胸一些棕文章茂页面锁或注摆册页是面等狭就是择这一双类。（8）框架型奔布局采用蓄框架具布局绣结构费，常丈见的弹有左秆右框南架型潮、上芹下框归架型弦和综桐合框助架型染。由崖于兼普容性溉和美故观等英因素坝，这招种布忙局目怒前专捡业设稀计人禁员采睛用的续已不较多，奥不过姻在一却些大山型论尖坛上华还是须比较薯受青尺睐的手，有记些企绿业网危站也迷有应罗用。（9）变化型斧布局即上违述几皂种类耽型的爆结合赛与变炮化。任务1认识HT识ML知识晴拓展期三、篇常用旦网页练制作翼软件1.杀Fr欲on拍tP真ag欣e：Fr行on睬tP丛ag筋e是微劳软公颂司出乌品的部一款顺网页方制作样入门世级软垂件，Fr皱on很tP电ag恳e使用啄方便竭简单邻，会惹用Wo灰rd就能柜做网视页，毕所见房诚即所斧得是遗其特甘点，锈该软培件结方合了堵设计浮、程源式码寸、预忠览三罚种模蚁式。它微软艺在20旋06年年寒底前协停止金提供Fr欢on最tP迅ag手e软件择，取候而代芬之的宁是两模款更控加专低业的项网页仙设计樱工具Ex侍pr族es池si亩on跃W侦eb和Sh油ar挪ep进oi具nt任D灰es绢ig叶ne摊r。2.网页昆制作走三剑甲客：Fl牙as配h、Dr荣ea泉mw轧ea期ve缘瑞r、Fi韵re气wo舱rk四s合称覆网页饰制作边三剑仪客。教这三抢个软绿件相必辅相菠成，修是制悬作网源页的梁首选德工具圾，其哀中，Dr应ea尚mw踪蝶ea贿ve瞧r主要纷用来借制作室网页列文件篮，制还作出汁来的屠网页杜兼容乓性好杀、制妄作效堪率也蝇很高琴，Fl疯as为h用来储制作天精美搂的网颤页动隶画，Fi汇re冶wo迟rk膜s用来避处理晨网页仔中的盘图形吹。3.渗Mi奶cr思os食of跨t读Vi档su础al驻S业tu氏di突o、Jb肾ui洁ld剑er等：该主要弄用于水动态郊网页逼的开吓发，忍前者开常用忆于开摇发.a何sp趁x网页源；后甜者Jb骂ui秒ld肚er一般书用于讽开发.j座sp网页恩。任务敢一挥书吗面作牺业P17尸4：一却、二久、三举、四验、五要求揭依次住抄题权并在轮相应奇题处益作答轻，不弊能够斜只写止答案驼，否纳则此杯作业咬不予近批改温，并朝作0分记停。任务2编写规网页任务恩介绍学习饱如何及在记文事本怠中编勉写HT聋ML代码滑并保适存为样标准刺的静侍态网糊页，载理解浊网页难基本富结构寒，提搂高对主网页粥、网渴站的随进一他步认明识，低并记怀住一仅些常汪用的临标记境及属柴性的悉设置饲，掌摄握HT笛ML代码屑的书系写规惑则。任务2编写敞网页预备知呢识针一夸、HT脱ML标记勿的语族法及缸文档保结构一、HT著ML标记轰的语捉法及醒文档麻结构HT粉ML的标欺记总鼠是封悼装在欠由小爷于号跃（<）和雄大寒于号宇（>）构约成的迁一对铜尖括妻号之内指，用于修暑饰、摄设置HT按ML文档的局显示映内容南和格赏式。宋用户胸只需想输入种文档赛内容葵和必蒜要的岩标记嗽，文抛档内融容则叶在浏却览器嫂窗口沙内就姑会按帽照标长记定嚷义的慈格式帜显示均出来腿。HT石ML标记也一般被分为衔容器顾型标预记和将非容隙器型转标记家。容器型副标记枝（双盗标记父）格式为逐：<起始浆标记>内容</结束陪标记>非容脉器型万标记增（单头标记蛾）格肆式为弟：<标记>或<标记/>标记内老还可捷以包乖含一状些属诉性。兽标记轿属性禾用于西更加筛详细辞地描武述、饿修饰药和设伸置HT乎ML文件善的显隙示内掏容及男格式床，标吵记属骄性可瓜由用雀户设睡置，剂省略该时将盏采用需标记乐规定扶的默苹认设撒置值问。其释格式贵为：<标记耐属雕性名1=柄“属性愚值1”属性名2=披“属性值2”芽…虽>HT最ML标记币的书逆写规平则：（1）HT失ML标记窝必须喂在一坐对尖加括号个“<>”内沫，它慈通常内是英扒文单碰词或送英文炕单词费缩写霜。针属对容访器型狡标记痰，必旬须成砖对出配现，菜且应锹在结麦束标戒记前台加上雷斜杠蠢“/”；（2）在抖书写户标记厘时，电英文贝字母揪的大碧、小浮写或昌混合感使用鹊大小即写都筛是允遣许的皆；（3）标显记属臭性放壶在起却始标虚记之之后，聪且以性空格路作为原分隔浅。如航果标管记有度多个贿属性泳，标逃记属木性的喊排列串不分螺先后铅顺序铲，可宰以根赴据个临人的奴爱好大或书杰写习牲惯，像在起茂始标蓬记之序后排诸列所朴需属嗓性，臣且多埋个不下同属掩性之去间用绒空格痰隔开强；（4）标暑记属策性由白属性冬名=属性圣值构营成，羡其中僚的属路性值爹用双从引号限或单碗引号执括起任来。2.愿HT喂ML文档为的基纯本结帝构用HT禽ML建立狠的文并件称让为HT培ML文档横或超逼文本讨文档颈，它窝是由HT泛ML标记省和网锤页内圣容组旋成的食描述亡性文援本文诊件，坟可以亚使用涉任何盲文本舌编辑茶器对兆其进惕行编枣辑，废但文搭件必钻须保陈存为木后缀间名为.h般tm或.h胸tm寄l的格导式。HT庸ML文档印内容岭通常抖由文睛档头射部和犹文档吵主体久两部净分构伴成。塔其中暂，文浩档头竖部用慕于描边述网射页的多标题陕及属挂性；细文档疗主体偶是HT坟ML文档互的主煤要部悉分与朽核心喷内容栗，它夜包括会用于帅描述烤网页执文字仓、图台形、罗动画缘瑞、声础音、挪表格足、链惰接及煎页面搅布局友等的侵各种忙标记改和网轰页所啄显示烦的实蜜际内辰容。HT始ML文档灾的基稳本结增构如炼下：<h熔tm潮l><h钻ea漫d><t削it翅le灵>标题</酷ti乡丰tl厨e></穷he蛋ad炎><b户od抢y>这里懂是内拜容，捉显示青在页件面中</锅bo游dy躺></喉ht俯ml鹊>代码测纽奉试任务2编写宇网页预备知彩识顷二记、HT令ML文档叙结构余基本片标记1、<H伙TM危L>吗..庭.<销/H携TM常L>文档味标记这个巴标记骆是全张部文圣档内招容的凝容器泡，<H葱TM士L>是开俯始标绒记，</饮HT龄ML阿>是结债束标危记，起它们饿分别迎是网足页的曲第一猫个和坏最后在一个苦标记胳，其率他标在记代单码都炎位于绪这两吨个标良记之袭间。2、<H瓣EA扭D>尺..搞.<尝/HE司AD溜>头部标记头部标记<H连EA料D>国..糖.<霸/HE羡AD砌>用于粒提供代与We爬b页有丝式关的土各种版信息槽。在头缴部标记呜中，患可以彼使用<T震IT予LE查>.岛..押</窑TI轻TL汤E>标记肠来指谷定网器页的油标题躬，<s赌ty唯le雀>和</访st邪yl来e>标记励来定援义CS浮S样式翁表，僻使用<s富cr蓝ip些t>和</倚sc泻ri召pt惧>标记橡来插勺入脚垫本，另丧外还坛有<M南ET弊A>、<L轮IN窝K>等标器记。3、<T就IT版LE诵>…萌</感TI卸TL压E>标记浏览器闸会以吃特殊乎的方榆式来厘使用部标题掀，并咬且通填常把胀它放办置在歇浏览琴器窗贸口的轰标题蚁栏或蹈状态暗栏上龙。同版样，扣当把椒文档坐加入锣用户聚的链琴接列既表或渡者收派藏夹左或书魄签列宅表时德，标选题将寺成为救该文悟档链甘接的盼默认膝名称俘。4、<B桐OD偶Y>绘..疏.<舅/B怕OD烫Y>正文担标记正文傻标记粪包含版了文喝档的胶内容丽，文抖字、检图像湿、动侍画、遥超链驳接以笨及其苗他HT鼠ML元素肆均位丘于该凯标记建中。碗正文炭标记爬有下井列属垫性。Ba仍ck互gr蚁ou旺d:指定谱文档钻背景奥图像寒的ur寨l地址Bg陡co抄lo净r:指定槐文档席的背烟景颜抄色Te趣xt轿:指定患文档悼中的沟文本种颜色Li呀nk：指客定文厦档中半链接非的颜侧色VL满in算k：指耕定文奸档中匪已被肯访问脖过的疲链接伏颜色AL珍in餐k：指淘定文私档中吃正被厨选中贼的链锻接颜棉色ON赢Lo肤ad：指肯定文躬档首屯次加沸载时例调用萌的事创件处财理程权序ON拢UN功Lo应ad：指鲁定文白档卸勉载时蓝调用械的事照件处抄理程体序代码测铅试任务2编写站网页预备知晕识含三蝇、HT劝ML常用序标记1.注释木标记注释招标记赠用于HT蛇ML文档惕中插剖入注突释内腊容。扮注释拴是为男了方闸便理任解HT脊ML代码坚而在HT便ML文档剧中添映加的咽代码犬解释墙或说除明信浩息，我其内次容不特会显乐示在和浏览狼器窗塞口中纹。用许户可济以使槽用注招释来痕注解穿代码误或说锻明某昏段代冈码的终功能据，这朱些注孟释信遇息可戏以以储后为拼用户慕阅读膝编辑仁代码祝提供罪必要贫的帮闻助或搜提示霜。格式誉：<!注释菠内容>功能惭：为HT朝ML代码盛添加肤注释承内容府。说明扩：在通标记商中的沾注释忌内容荷之前调必须验加上袍感叹搭号“!”。例如赌：<!这是休我的理第一束个网赌页>2.换行姨标记在HT躁ML文档开中，害针对民文本献编辑各器的击控制免符或仔一些绢特殊魄符号镰直接野使用济都是棋无效辅的，套都必棍须使显用相夫应标午记来狼描述段。格式阅：<B呆R>功能带：在柿标记利插入扣位置参执行珍回车裂换行务操作源，使蓝标记痰之后卵的内撇容强坑制显茄示在母页面挽的下罚一行慎。3.换段近标记换行梳标记钩主要盼用于移对一谜段文困字的忌某行占强制跃换擦两行咳，而淡换段堆标记诞主要存用于攀对显钻示内奇容创收建为业一个述段落钉。换破段落任标记孝具有除换行腔的功侍能，以但换网段之殃后的种两个拍段落类之间兴多了次一空锅白行号。格式握：<P>…俭…<损/P>功能克：在湿网页青中对钥标记恳之间黄的文谱本创踪蝶建一选个段厨落。说明规：（1）在<P扔>标记政中可冰使用AL格IG物N属性恩描述赤段落诉的对筑齐方校式。裁其取巨值可皮为LE烈FT、CE默NT愁ER或RI飘GT庄H，分触别表个示左炮对齐挠、居抵中对蚀齐或歇右对婶齐；（2）换鼻段标处记可刚以省半略结搁束标会记</棉p>，但腊无论名省略丹与否帽，换轿段标夺记都蓬属于协容器消型标匀记。注：夜本项酸目所静涉及券的其穴他标床记若鸭包含母有AL但IG虎N属性骨，如筑未特交殊说庸明，AL灵IG缝N属性松的取胖值都链为le扑ft、ce踪蝶nt津er或ri执gh绘t。4.居中神标记格式饱：<C亩EN罩TE您R>虾……庆</丛CE宵NT狠ER避>功能杯：在本网页撤中对称标记府之间辞的文雁本进它行居币中显秀示。5.水平胀线标泡记格式吩：<H索R>功能州：在勒网页湾中插姻入一负条水笼平分珠隔线泥。说明初：<H着R>标记辉在默坚认情愧况下株插入宰的是蜡一条即黑色妨的带3D阴影际的粗治细为2个像飘素、糟宽度烘为页封面宽踢度的撞居中铺水平辉分隔辛线。6.段落侨标题皱标记在一脉篇文有章中执经常签会用嗓不同盗级别步的标辣题来算组织校文章堂内容拜和结丑构层孩次。功网页金中的悔段落裁标题锣标记环则是酸用于该设置兼不同押级别劣段落最标题越的专农用标填记，组被设堵置为交段落谱标题希的文边字将谋以不钩同字头号的棵黑粗丧体方剂式来蕉表示挥不同月级别娃的标架题并馆显示弓在网弟页中胖。格式河：<H尖n>鹿……替</广Hn筝>功能元：在柏网页章中对恐标记地之间庆的文膏本设猪置为栗一个甩段落葵标题紫。说明妙：（1）标潜记中n的取旷值为决：1、2、3、4、5、6，分括别表映示1~挽6个级姐别的辅段落些标题读。其骂中，n的取束值庆越大淘，标北题的炕级别吗越小窜；（2）在<H伴n>标记仅中可刃使用AL悉IG千N属性舍描述临段落餐标题私的对忆齐方母式；（3）段裳落标饼题本心身自谁为一维段落事，所惠以<H西n>悲……羞</钓Hn焦>标记引具有虎换段强功能狱。7.字体岁标记格式渔：<F艘ON墨T>痒……贴</额FO弟NT思>功能泰：在牧网页悬中对热标记姑之间舱的文溉本设刮置字留体、皇字号预和颜垦色。说明生：<F百ON暮T>标记辫有3个基弯本属偶性。（1）FA妙CE属性收：用尚于设械置文句本的南字体述类别笑。其胀中，回字体曲类别霸可以康指定进为一乓个字姨体列粮表，走各字扑体之赤间用算逗号匠间隔允，如牛果浏摸览器偿不支休持第请一种纽奉字体倡，就总会依悔次使拦用第恩二、庭第三锦种等杠后续诸字体疼显示缴网页窝内容,例如:<筑FO克NT躲F鲁AC浇E=矿“宋体,黑体,楷体”>文本感内容</砌FO石NT斤>；（2）SI蜡ZE属性涉：用刑于设侧置文菊本的裁字体宇大小刻。SI唤ZE属性货的取冠值捕为1~烈7，数克值越迎大，掠字号持越大栏。同歼时，昼也可予以在SI半ZE属性煤值前讲“+”或绝“-”来喘设定朴字号极的相偿对值疲；（3）CO恳LO佛R属性概：用泡于设昂置文烘本的根字体颗颜色见。颜宫色取感值截是十陷六进习制的RG壶B颜色艇编码超或HT须ML语言构给定愉的颜湾色常借量名册。8.原样袖显示富文本顽标记格式朽：<P鸽RE乎>…涝…<阁/P绸RE哄>功能闸：在洪网页挽中原逼样显侦示标祥记之首间编旗辑排鼓版好其的文夏本内扩容。9.字体肾样式降标记（1）字今体加泻粗：<B葛>…感…<斑/B风>（2）字饮体倾停斜：<I梨>…睛…<胶/I崇>（3）字筛体加岔下划怎线：<U汪>…耽…<钩/U傲>（4）字答体加挑删除锦线：<S建>…卫…<喘/S炒>也可驴以使知用：<S床TR展IK比E>特……邻</凳ST页RI柴KE临>代码测刃试任务2编写裳网页任务抖实施弃一、衬打开脊记事魂本，抢编写耽网页浊最基瞒本的狠架构（1）在D盘建判立一诸个名迈为:M你yW咳eb的文习件夹(实际岂上就间是一死个网膨站)。（2）打杯开记骗事本绢程序列（no毕te劝pa设d.挂ex敞e）。（3）输隆入代活码：校网页顾开始非结束禽、头铲部、跑主体蜻三对凉标记拖。（4）保界存在My疤We勿b文件年夹下朝，文供件命铲名为南：in垒de搬x.希ht伶m或者in做de糠x.仔ht菜ml（在灰记事务本中起如何或保存耐，注净意选溉择类沈型及杂输入伏文件站扩展娃名——必须峰的）微。代码测悦试任务2编写亚网页任务见实施泊二、钳在网绍页头律部添灭加两坚个标邪签1.网页软标题夕标签<t融it页le宇><铜/t灰it代le秒>2.垮<m悔et厦a><m描et级a>标记垫有两戒个重么要属修性：na晶me和ht领tp程-e隙qu变iv。（1）利惰用na泉me炭=“在ke碗yw洋or毛ds族”可以凝定义岁网页汇的搜造索关披键字葡；用na闹me毯=“督de冷sc通ri怕pt卵io屿n”可定赔义网代页的流主要攻内容貌。（2）利剃用ht折tp击-e渔qu展iv设置缝网页理使用厕的文脚字及捕语言泥。任务2编写膛网页任务甩实施送三、设置<B棍OD宰Y>标记利用le慨ft首ma并rg趴in、to挨pm怒ar策gi蹈n设置跌网页痰左边垂距和庄上边尼距；谋用ba斜ck甚gr办ou膝nd属性另设置胖网页合图片叶背景绕。代码测削试任务2编写者网页任务俊实施搁四、国网页陪中文盐字排胳版设缺计标题社、换殃行、踢段落敢、水岂平线周、字愁体、伏水平顺对齐踢方式零等标篇记综应合应坦用。实例：（1）网巧页标恋题“**欢迎颈您”葬；定拌义搜状索关刑键字怕有：拌电脑汁、IT、计羊算机载、销悲售、摆公司；定义当董前页谎面的握文件斑类型te纵xt拼/h窑tm枯l和编码最方式的gb犯23扬12。（2）网耕页内讽容一禽号标席题居嫌中；讲水平希线红忧色居员中、闭宽度帆为1、无序阴影织。（3）两判个段号落的逮文字奴内容症。代码测载试任务2编写土网页知识竹拓展翁一、同网页牧中的狼特殊雁符号空格代码测沾试任务2编写县网页知识资拓展群二、<B率OD蜂Y>标记贺常用匹属性bg壶co原lo将r=召"背景颜色"ba涝ck亚gr坊ou玩nd店="背景吸图片"te谎xt弱="文本颜色"li江nk旧="连接殃文件颜色"vl屿in删k=无"访问忧过的搜文本颜色"al锯in由k=岭"激活俱的链醋接文本颜色"le愤ft缸ma钻rg率in脑="左边逮距"ri魔gh太tm区ar递gi叹n=为"右边曾距"to环pm窑ar榨gi察n=应"上边掘距"bo摆tt晨om馒ma活rg秃in壁="下边余距"rg减b(棕x,王x,诸x)#x凉xx稼xx菠xco斧lo示rn梁am艺e代码测苍试任务2编写穴网页知识玩拓展<H起R>标记丝式常用身属性wi圾dt体h水平考线的辉宽度si涌ze水平冷线的醋粗细co挖lo当r水平战线的喂颜色al杀ig弹n水平沉线的拣对齐事方式no愧sh耻ad铜e取消货水平含分隔怀线的3D阴影代码测现试任务竿二偿书衡面作很业P18偿2：一喂、二炒、三窄、四要求贱依次纱抄题冬并在围相应哪题处满作答耽，不逗能够区只写虚答案谣，否可则此露作业逆不予广批改暗，并史作0分记叙。任务3建立溉列表任务耀介绍在网殃页中姐，合绵理的柄使用辜列表围可以烘起到具提纲横和格全式排奋序的劈燕作用巴，在马本任无务中淡，将被通过柜合理辰地使影用有屡序列厘表、麦无序茅列表武等在汁网页韵中显棵示条蛇理清叛楚，当整齐如直观井的信始息，苦以便池于浏属览者受浏览干阅读拌。任务3建立胜列表预备拉知识乎一、描有序亲列表<o购l><l蒸i>占Co份ff汇ee透</弓li零><l纹i>伏Te探a<磨/l净i><l储i>满Mi借lk掉</派li开></们ol葡>reversedreversed规定列表顺序为降序。(9,8,7...)startnumber规定有序列表的起始值。type1AaIi规定在列表中使用的标记类型。<O竹L>标记填属性Co议ff奴eeTe讨aMi帅lk代码测勉试任务3建立画列表预备享知识辈二、挥无序挂列表<u致l><l驴i>张Co暴ff摧ee芬</厕li耻><li绍>T俘ea斗</此li胁><li扁>M永il惨k<秒/l嘱i></ul且>属性这：Ty眠pedi芳scsq栽ua腹reci霜rc涝le规定列糟表的值项目鸭符号抗的类反型。Co简ff湖eeTe命aMi挖lk代码测弟试任务3建立渠列表预备亡知识墙三、蜓定义诵列表<d朱l><d稻t>朽计算做机<估/d通t><dd嚷>用顺来计勉算的套仪器药.迈..挥.踏..屈</但dd妨><dt乒>显惜示器蚀</本dt焰><dd县>以冶视觉膏方式俯显示享信息标的装贴置渴..僚.楚..仿.<垮/d适d></dl陡>计算尚机用来继计算辅的仪林器岸..瞧.殊..沸.显示排器以视只觉方奔式显比示信矿息的拒装置预.强..陕.占..代码测俱试任务3建立盐列表任务肌实施语一、恋建立乒有序月列表<b>我国校四大乖盆地占分别尽是：</唐b><o落l祝ty而pe妹=I胜><l些i>塔里敢木盆洲地</寄li临><l而i>准噶享尔盆屈地</确li虑><l帖i>柴达粒木盆扶地</芬li露><l吼i>四川真盆地</圈li统></ol乱>代码测授试任务3建立更列表任务日实施叠二、岗建立筋无序绩列表<b同>我国垮四大茧名著架分别田是：</湿b><u第l慌ty衬pe须=c摸ir阵cl模e><l刮i>西游卡记</表li保><l眨i>水浒牵传</联li肾><l办i>红楼逗梦li枣><l赖i>三国岂演义</币li啊></长ul称>代码测垮试任务3建立晓列表任务咸实施崭三、堂建立胁定义荣列表<o烧l懂ty逗pe闭=I迷><d愧t>抄<h瞎4>塔里取木盆绳地</韵h4龄><洪/d亦t><d适d>塔克冶拉玛皮干沙当漠位害于塔介里木委盆地舰中心康，几楼乎终昂年不烫雨，唉被认左为是航含有过储量糊丰富堆的石葡油和居天然奸气，处地形恢封闭渐，开使口朝挣东南玻。铁罚路现犹已通苗到喀耗什，章为开骑发塔说里木煮盆地快提供棋了有象利条输件。</希dd叠><d学t>踏<h浸4>准噶桑尔盆锡地</危h4欣><筝/d助t><d雄d>准噶钱尔盆殿地（塘汉语经拼音勇：zh毛ǔn师g学á征ěr答p旅én例d妈ì，英疤文Ju袄ng烛ga企r贷Ba绑si宜n），债位于启中国链新疆喊的北伤部，工是中毫国第政二大船的内民陆盆迹地。</之dd纸><d淘t>蠢<h肢4>柴达猛木盆免地</倾h4笔><岭/d尖t><d疼d>柴达裁木盆季地是筛中国勾三大巾内陆尘盆地清之一依，属林封闭盆性的敢巨大笑山间追断陷盖盆地垃。</吩dd蛙><d杏t>毒<h影4>四川调盆地</棉h4吩><鸽/d姻t><d旨d>四川拢盆地的山地同海拔谎多在10赖00米～30帝00米之摇间；猛盆底暑地势泳低矮头，海额拔20绘0米～75专0米。可地表绕广泛从出露些红色饭岩系莫，称释为红号色盆遗地。</埋dd而></晕ol皱>代码测违试任务3建立哗列表知识蜻拓展惑一、甚目录泊和菜火单列朽表<d象ir栋><l充i>稍HT誉ML宋</屋li驶><l富i>宵XH锡TM趁L<烦/l雹i><l卸i>凶CS垦S<患/l重i></货di拴r><m限en昆u><l耳i>麻HT提ML艺</瘦li斩><l闻i>坡XH圈TM稻L<脖/l影i><l给i>泉CS术S<虎/l胖i></改me吵nu保>代码测致试任务3建立船列表知识井拓展捐二、跑列表件嵌套<h暗3>目录</胆h3乓>肠<讨ol班t袋yp命e=骑a>粗<l躺i>这是少以序升号类淡型a开头事第一哪行内嘉容</辛li薪>衣<很li多>这是液以序背号类辈型a开头弯第二栏行内幸容</佣li锈>遗<葛ol盆t杜yp眨e=者A币st蔽ar概t=处3>北<l笨i>这是痛以序妙号A类型C开头握第一测行内姐容</泽li禁>斗<县li觉>这是柱以序挥号A类型C开头律第二浊行内寒容</脂li掘>悠<掠ol决t扮yp妹e=袜1日st炕ar么t=您51哭>吼<倦li亭>这是凝以序禽号数卸字51开头视第一腾行内柱容</禁li黎>穿<年li点>这是课以序蹈号数陡字51开头尤第二贞行内揭容</超li涌>脊<麻li炮>这是葵以序烈号数早字51开头殿第三晓行内翠容</溜li主>献<起/o驶l>肉<l傲i>这是浊以序此号A类型C开头励第三休行内品容</用li滑>下<恩/o鸭l>内<l巴i>这是松以序赌号类芳型a开头庙第三木行内没容</曾li痕>墨<贺/o围l>代码测蚂试任务城三超书独面作壮业P18增8-归18津9：一茧、二届、三络、四台、五要求点依次物抄题衣并在气相应斧题处为作答傍，不绍能够症只写狐答案纵，否秒则此眯作业昼不予支批改晌，并避作0分记概。第五历题，乞请写剥对应HT言ML代码仆。任务4建立爹超链号接任务捞介绍网页旷中超题链接含是最临重要卧的应沟用之晒一，书当浏楚览网扔页时征，将世鼠标盯指针识到某怕些文赔字或锯图片邻上，库鼠标质指针授就会集变成盈一只鲁小手蹈，这稿时只忙需要若单击外鼠标慢即可从跳转纵到另炎一目将标位堵置，剧这就筐是超你链接励的作裹用。任务4建立扩超链绿接预备蜜知识陪一、然建立小超链锄接<a负h饶re纹f=峡"h际tt针p:怨//掌ww象w.六lz姻sz砍yj驼sx足x.论co锐m"击>泸州寄市职识业技过术学兆校</她a>hrefURL规定链接指向的页面的URL。namesection_name规定锚的名称。target_blank_parent_self_topframename规定在何处打开链接文档。任务4建立弯超链邻接预备枝知识淘二、裕超链懂接应嫂用在超辜链接召的应燃用中算，其风链接犬形式掏的分确类方体法有宝多种延。通贺常按拌照链蔽接目炕标位凶置的阴不同扛，可闯把超润链接动分为投本地少链接嘉、网涨络链猪接、膀书签款链接肾和电客子邮翅件链欲接。1、本舟地链萄接链接目视标为当本地你计算武机的腔不同低文件嚷的织超链齐接称铅为本维地链伪接，鞭本地捐链接戏，本页地链粱接通耽常用泻相对块路径信来表瞎示链优接目抱标的司位置戒，所脆以又趁称相逃对UR趋L链接甚。特勾别是崖在本隐地站轮点内贸的超浩链接扰，链株接目撞标通坐常都角采用能相对杠路径巨，这墓样以椒便于塔对站律点的肺移植豆，因淡为在烘整个吹站点刃移植瓶过程刊中，济文件众相对然路径兔不变收，移胳植后民的站装点不苦需要作修改劲链接况目标极的路锅径。在超喇链接珠的应逝用中棋，其勒链接馆形式监的分桶类方忘法有袋多种螺。通良常按升照链坦接目浙标位饺置的潜不同替，可沟把超纱链接凡分为耗本地叫链接造、网只络链抵接、悲书签以链接负和电发子邮昆件链红接。2、网盆络链亿接链接目杂标为荐远程捡网络拐服务孔器上竿的资衫源的纱超链迎接称胆为网旅络链庭接，妨网络蚊链接泛通常析用绝柱对路菌径来赔表示旦链接送目标报的位仇置，浇要有悄完整柔的UR介L地址筋，包灿括协情议名丹、主柿机名厨、文斑件所龟在主断机上鹿的路桨径以奥及文阴件名居，所厕以又乌称绝法对UR便L链接惜。在超萌链接类的应伴用中桶，其连链接清形式穷的分屠类方宰法有母多种遇。通倾常按垮照链论接目张标位齿置的全不同跪，可膊把超歼链接祥分为澡本地租链接按、网它络链鲁接、模书签果链接手和电份子邮墙件链舞接。3、书竿签链盗接链接目泉标为撇网页辱内的叮其他范位置仙的超废链接右称为联书签况链接有。书令签链毯接一姜般用贞于网犯页的拆内容搬较多缎、页苦面过径长的饮情况霞下，扶它可缸以快挠速地跟将浏绝览者队带到甩网页伙中指汇定的喷位置勿，以撕方便涨浏览芳者浏学览网泄页。星在建市立书钩签链调接时连，必楼须先完在网惠页内揭确定拍书签栽的位育置，叔即先普建立拌书签液，然芬后再锹为书斧签建原立链腰接。（1）建红立书摘签格式：<A厕n页am垮e=士“书签演名”>书签喝内容</晴A>功能：在书陡签内捆容位矮置处歪建立NA神ME属性扶中所巾指定窄的书羽签名膏。说明：NA健ME属性璃中所堆指定逆的书刺签名鸡是代泽表“升书签凑内容颠”的肤有意锋义的然简短少字符较串，姑用于踏标明撞书签椒链接贫的位短置。例如：<A经n跑am摆e=包“T确OP弓”>书签奸内容</燃A>（2）建番立书匹签链握接格式：<A谱H竖RE助F=男“#书签酬名”>链接拦源</吵A>功能：建立魔由链利接源迹指向携链接近目标膜为书附签的肤书签合链接何。例如石：<AHR公EF鸣=“压#T抬OP猫”>链接岗源</A>说明睡：若要钞从其杀他网划页链摸接到轧书签祸位置侍，则丙需在完链接处目标胀中的旗“#书签缺名”荷前加急上书伴签所刚属的嘴网页致文件碧名。例如出：假设具在名它为te蓬st临.h微tm的网县页文幸件中会建立滤了书唉签名爷为to苦p的书罢签，半若要全从其鸦他见越面链暂接到te她st馒.h薯tm网页榴的to俊p书签蛛位置卸处，袍建立稍的书晕签链洒接代堆码应轻为：<A廉H填RE早F=另“t里es支t.借ht蛾m#某to尼p”符>链接握源</啦A>在超鹊链接拨的应绪用中街，其荐链接袍形式筋的分冻类方妈法有若多种滋。通帐常按恒