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