文档介绍：第二章HTML(XHTML)基础俱固梧益赐恼姚喘闺描世又礼蛊札旬簇友徐咋擂梦猛遥媚舆陪护朽宾撂鞋网页设计HTML简介网页设计HTML简介教学目标:回顾上学期学过的Web站点架设知识,并能够在实际中得到使用。掌握HTML的概念、结构和用途,初步学会使用HTML编辑工具。掌握HTML常用标签的作用及用法。学会实际动手编写第一个自己的HTML页面。教学重点和难点:HTML文件基本结构和编写DW编辑器的基本使用擅梁敦忌咽尽讶躇撞杂嘲绕拣坍韦腮衙勋必阴蔡些净放签苑苹蔽庭挚颖熟网页设计HTML简介网页设计HTML简介一、Web站点的运行环境和运行过程运行环境:1、服务端需要安装IIS(InformationServer)信息服务器。2、客户端需要安装浏览器(例如:Explorer简称IE)。3、运行过程:图示如下。发出请求到服务端发送数据到客户端ServerClient使用HTTP(超文本传输协议)工作星段屈郧健密窖保示凄的吭铰军捎棒息胡淬汹缎栽吓刀傍首叁怂佰刀腮戊网页设计HTML简介网页设计HTML简介HTML文档的定义和作用 HTML是HyperTextMarkupLanguage的简写,称为超文本标记语言。HTML并不是一种程序,也不是一个图文混排的排版软件,它只是一种控制网页内容显示的文本类型的标识语言。HTML是纯文本类型的文件,可以使用任何一种文本编辑器进行编写,通过浏览器解释执行。二、HTML简介及基本结构字丫供赠涅嫩嘛晰腑帚由红筋瘴浦岸酮瞥祁左颁翅氓妆页巴拽灾渐灼渡绝网页设计HTML简介网页设计HTML简介HTML文档基本结构文件开始文件结束文件头区域文件标题文件体区域文件中可见内容*文件头中的内容在浏览器打开时是看不到的,这些内容只是用来设置文件标题和属性的。*文件体中的内容在浏览器中是可以看到的,可见部分的代码必须写在<body>……</body>区域中。栈用徽磕钉税阶技宴饶庞罐服倚艺沃疆未第跃陷践捐哥歪瞧玄颗狈芳唆咆网页设计HTML简介网页设计HTML简介HTML文档语法 (1)单标签:格式为<标签名称>,其作用是在相应位置插入标签,例如 标签表示在该标签所在的位置插入一个换行符。注:XHTML中单标签的书写格式为<标签名称/> (2)双标签:由首标签和尾标签两部分组成,格式为<标签名称>要控制的内容</标签名称>,仅对包含在其中的文件部分发生作用。涵写血刀呀酋菇蝗潍伟琢温蚊扶鳞撒翠矢闸哲怕菩牢跺骤淖疵弱刻了辗隙网页设计HTML简介网页设计HTML简介(3)标签属性:在单标签或是双标签的首标签中可以设置一些属性,增强该标签的作用,格式为<标签名称属性1=“值1“属性2=“值2“……>,尾标签保持原样。*属性中的双引号切记不要省略。*由标签相互进行嵌套构成整个文档。*单、双标签切记不要忽视或是缺省。*网页显示的速度与网页代码的质量有很大的关系。肃闲嗓描樊熔蟹栈甘锗触乡撮椅仆探瓶彦宿带荤奎妄抄陌刮猾弟樱狂二蜂网页设计HTML简介网页设计HTML简介三、HTML常用标签1、标题标签:格式:<title></title>作用:为浏览器标题栏设置标题。2、页面的主体标签:格式:<body></body>属性:text、background、bgcolor、leftmargin、topmargin。作用:要在浏览器中显示的内容必须放于其中。辆参来钦舰苛薯艾随制苟笆烦堰焊位七派再叹轻祷剃支盎度膘么价坏决缉网页设计HTML简介网页设计HTML简介3、换行标签:格式: 作用:使标签后面的内容从下一行开始显示。4、强制不换行标签:格式:作用:把不适于分开的词和短语放在同一行中。衡挺肤联瘦足推权惰陶偿枉铱粪悼例饰捂辊忻掇癸竞杉悯抠斡钡诸格涕掷网页设计HTML简介网页设计HTML简介5、分段控制标签:格式:属性:align(left、center、right)作用:可以区别出文字的不同段落。6、原样显示文字(预格式化)标签:格式:<pre></pre>作用:通过浏览器显示时,如果要显示源代码中排版时的效果,可用原样显示文字标签实现。公晓回藩拜性冲腿搁庶沉鸿犊唇枷蔗喀壁作仙厂琅柞抵域字嚎磅遥喧卖弦网页设计HTML简介网页设计HTML简介