文档介绍：第二章HTML(XHTML)基础教学目标:回顾上学期学过的Web站点架设知识,并能够在实际中得到使用。掌握HTML的概念、结构和用途,初步学会使用HTML编辑工具。掌握HTML常用标签的作用及用法。学会实际动手编写第一个自己的HTML页面。教学重点和难点:HTML文件基本结构和编写DW编辑器的基本使用一、Web站点的运行环境和运行过程运行环境:1、服务端需要安装IIS(InformationServer)信息服务器。2、客户端需要安装浏览器(例如:Explorer简称IE)。3、运行过程:图示如下。发出请求到服务端发送数据到客户端ServerClient使用HTTP(超文本传输协议)工作HTML文档的定义和作用 HTML是HyperTextMarkupLanguage的简写,称为超文本标记语言。HTML并不是一种程序,也不是一个图文混排的排版软件,它只是一种控制网页内容显示的文本类型的标识语言。HTML是纯文本类型的文件,可以使用任何一种文本编辑器进行编写,通过浏览器解释执行。二、HTML简介及基本结构HTML文档基本结构文件开始文件结束文件头区域文件标题文件体区域文件中可见内容*文件头中的内容在浏览器打开时是看不到的,这些内容只是用来设置文件标题和属性的。*文件体中的内容在浏览器中是可以看到的,可见部分的代码必须写在<body>……</body>区域中。HTML文档语法 (1)单标签:格式为<标签名称>,其作用是在相应位置插入标签,例如 标签表示在该标签所在的位置插入一个换行符。注:XHTML中单标签的书写格式为<标签名称/> (2)双标签:由首标签和尾标签两部分组成,格式为<标签名称>要控制的内容</标签名称>,仅对包含在其中的文件部分发生作用。(3)标签属性:在单标签或是双标签的首标签中可以设置一些属性,增强该标签的作用,格式为<标签名称属性1=“值1“属性2=“值2“……>,尾标签保持原样。*属性中的双引号切记不要省略。*由标签相互进行嵌套构成整个文档。*单、双标签切记不要忽视或是缺省。*网页显示的速度与网页代码的质量有很大的关系。三、HTML常用标签1、标题标签:格式:<title></title>作用:为浏览器标题栏设置标题。2、页面的主体标签:格式:<body></body>属性:text、background、bgcolor、leftmargin、topmargin。作用:要在浏览器中显示的内容必须放于其中。3、换行标签:格式: 作用:使标签后面的内容从下一行开始显示。4、强制不换行标签:格式:作用:把不适于分开的词和短语放在同一行中。5、分段控制标签:格式:属性:align(left、center、right)作用:可以区别出文字的不同段落。6、原样显示文字(预格式化)标签:格式:<pre></pre>作用:通过浏览器显示时,如果要显示源代码中排版时的效果,可用原样显示文字标签实现。