第4章 HTML语言基础.ppt

《网络数据库技术与应用》课件——第4章西安航空职业技术学院尉鹏博制作 第4章 HTML语言基础 4.1 HTML语言简介 4.2 HTML常用的标记符 4.3 表单标记符 4.4 多媒体标记符 小结 4.2 HTML常用的标记符 4.2.1 文件结构标记符 4.2.2 区段格式标记符 4.2.3 字符格式标记符 4.2.4 列表格式标记符 4.2.5 链接标记符 4.2.6 表格标记符 4.3 表单标记符 4.3.1 表单标记符 4.3.2 输入标记符 4.3.3 下拉列表标记符 4.3.4 滚动条文本框标记符 HTML是Hyper Text Markup Language的缩写，通常叫做超文本标记语言，是一种描述文档结构的语言。它使用描述性的标记符来描述文档的结构，这些标记符是区分文档各个部分的分界符，它们把HTML文件分成不用的逻辑结构，如标题、段落、表格等。这些标记由“ ”括在一起，其中有些标记是成对出现的，另一些标记可单独使用，HTML网页就是由内容及相应的标记组成的页面文件。 利用HTML生成的文件不管在何种操作系统上使用何种浏览器进行浏览，效果都应该一样。 采用HTML语言编写的网页文档是普通的文本文件，文件包含两部分信息，文本和标记符。可以采用纯文本编辑器来编写，如：使用Windows中的记事本或写字板，或者使用Microsoft Word等字处理来编写，但保存的文件的扩展名.htm或.html。还可以用编辑HTML文件的专门工具，如：Microsoft FrontPage/Macromedia Dream weaver 等等，这些工具软件可以方便快捷地生成HTML文件。建议最好使用专门的工具软件。 4.2 HTML常用的标记符 HTML标记符有两种：一种是一般标记符（这些标记符又称为容器标记符或区段标记符）；一种是空标记符。 一般标记的起始部分与结束部分必须成对出现。标记符的起始部分称为首标记符，标记符的结束部分称为尾标记符，首标记符与尾标记符围起一段文本区域。尾标记符比首标记符多了一条反斜杠。如示例example4-1.htm中的html与/html、head与/head等。 空标记符，只是单一的一个标记符而已，如br标记符（换行标记）。 此外，标记符还可以包含属性（或称标记符的参数），一般定义标记符的属性都是在标记符的首标记中定义的。 4.2.1 文件结构标记符 1．HTML标记符 格式：html……/html 功能：标示HTML文件的起始和终止。它没有参数选项，一般放在文档的第一行和最后一行。 2．HEAD标记符 格式：head……/head 功能：标示出文件的标题区。用于命名文档，提供文档内容的信息，指明作者或包含其他标识信息。HEAD标记符紧跟在HTML标记符之后。 3．BODY标记符 格式：body……/body 功能：标示出文件的主体区，BODY与/BODY之间标示的是HTML文档的全部内容，显示在Web浏览器窗口的用户区内，在BODY标记之间的文字的格式与浏览器的缺省类型一致。 BODY标记符是有属性的，常用的属性有： （1）页面的背景颜色（bgcolor）； 格式：bgcolor=“颜色值”（颜色值是十六进制RGB） （2）页面的背景图形（background）； 格式：background=“图形文件名”（图形文件的URL值） （3）文本颜色（text）； 格式：Text=“颜色值”（颜色值是十六进制RGB） （4）超链接属性（link、vlink、alink），与Web页面中的超链接有关。 Link属性：定义还没有被浏览者激活的超链接颜色。 Alink属性：定义正在被浏览者激活的超链接颜色。 Vlink属性：定义已经被浏览者激活的超链接颜色。 超链接的颜色值设置方法与前面属性的颜色设置类似。 格式：Link=“颜色值” Alink=“颜色值” Vlink=“颜色值” 4.2.2 区段格式标记符 1．TITLE标记符 格式：TITLE……/TITLE 功能：TITLE标记符是放在HEAD标记符内的成对出现的标记符，用于规定HTML文档的标题。一般所有HTML文件都必须包含一对TITLE 标记。TITLE标记所标示的文本内容将显示在Web浏览器的标题栏中。标题的长度最好限制在64个字符以内。 2. Hn标记符 格式：Hn……Hn 功能：Hn用于简要描述段落的主题，是位于body与/body标记之间的区段标记符。Hn标记符共有六个级别：H1，H2，H3，H4，H5，H6。其中以H1标题级别为最高，H6标题级别为最低。