02第二章HTML语言简介

第二章HTML语言简介任何完整的ASP应用程序都是内嵌于HTML之中，所以，要学习掌握ASP编程技术，必须首先熟练掌握HTML语言。此处，简要介绍一下编写ASP程序过程中经常使用的HTML语言的相关知识。如有不详之处，请参阅有关HTML的书籍。2.1.1HTML文件HTML文件是由浏览器解释，通过网络传输协议，可以从一台机器传输到另一台机器上。在浏览器的地址栏中输入所需的网址，回车后即可浏览用HTML语言编写的网页。可以使用任何文本编辑器创建HTML文件。首先创建文本文件，更改其后缀名为.html或者.htm即可。HTML文件创建完成后，可以使用文本编辑器打开进行编辑。编辑完成后，双击打开，即可预览该网页效果。2.1.2HTML的文档结构HTML语言是一种标记语言，它由…符号来标记。HTML文件的一般格式如下：例2_1.htmHTMLHEADTITLE文档标题/TITLE/HEADBODY文档的正文。/BODY/HTML将该文件保存为2_1.htm文件。双击打开，其运行结果如图2-1所示。图2-1HTML…/HTML是成对出现的，这种标记称为容器标记。HTML是一个HTML文件开始的标记，而/HTML是一个HTML文件结束的标记。HTML文档中的所有内容以及其他HTML标记都必须包含在HTML…/HTML标记中。HEAD和/HEAD之间是HTML文件的头部。TITLE和/TITLE之间的内容为网页的标题，显示在窗口的标题部分。BODY…/BODY标记包含了文档的正文部分，在非框架结构的文档中，该标记必不可少。在此标记中，可以定义文档内容的各种属性，如设定文本的背景颜色和前景颜色；根据链接文本的状态，定义该链接的颜色等。2.1.3HTML中的常用标记p…/p该标记定义了一个段落，段落最后自动换行。浏览器在段落之间自动用一个空行分隔空间。/p可以省略。pre…/pre这是预格式化标记，被pre标记包含的文字将按输入时的格式显示。浏览器必须以等宽字体预先显示格式化的文本，而不应合并字母间的空格距离和进行两端对齐。pre对于格式化的计算机代码和诗句特别有用，因为对于这些文本，空格很重要。center…/center在center标记符所定义的块中的内容在浏览器上将水平居中显示。DIV…/DIV该标记类似一个容器，用来将整个HTML分块，使文档层次更加清晰。H1…./H1到H6…/H6这些标记用来设定不同层次的标题，字体从H1…H6依次减小。HR该标识符定义了浏览器的水平线，它在结构上可以作为分隔线。水平线有一些常用属性，如width、size、corlor、align、noshade等。其中，width属性表示线段的水平宽度，它既可用象素大小来表示，也可用百分比表示；size属性用于指定线段的粗细程度，默认为2；corlor属性用于指定线段的颜色；align属性用于指定线段在浏览器中的对齐方式，包括left、right和center，默认为center；noshade属性表示画出没有阴影的水平线段。BR该标记强制换行。FONT…/FONTFONT标记用于定义基本字体。其中Size属性指定了字体的相对尺寸；Color属性用于指定文字的颜色，颜色既可用6位十六进制代码表示，也可用如red、blue等关键字表示；Font属性指定文字的字体。IMG该标记用于显示图像。它的属性用于定义和修饰图像，如Src属性指明了图像的URL地址；Alt属性用于指定当图像由于某些技术原因不能正常显示时，在原来位置代替显示的文本内容；Height和Width属性用来决定显示图像的高度和宽度，其数字大小表示象素的多少；Align属性定义了图像的对齐方式；Border属性定义了图像边框的宽度，其值为零时，表示无边框；Hspace和Vspace属性分别定义了图像周围水平和垂直方向的空白，其值以象素位单位；Usemap和Ismap分别标记客户端和服务器端的图像映像。MAP该标记和IMG标记配合使用，共同提供客户端的图像映像，Map的Name属性作为IMG的Usemap属性的锚。A…/A该标记用来都贵州链接，包括在标记内的内容，无论是符号、文字，还是图像、动画都将成为链接，点击它们，浏览器就会向另一个Web页面发生请求，实现页面的任意跳转。A标记的Name属性定义了一个链接目的地的名称；href属性则表示超级链接的目的URL地址。第二节HTML的格式文本标记2.2.1定义文本类型标记此类型的标记用于定义文本的类型，比如注释、引用、代码等。其主要属性如下：!--…--：将文本定义为注释。CITE…CITE：将文本定义为引用。COMMENT…/COMMENT：将文本定义为说明。CODE…/CODE：将文本定义为代码。DEL…/DEL：显示文本被删除的效果（在文本中加一道横线）。DFN…/DFN：文本是某个名词的定义。EM…/EM：将文本定义为要点。INS…/INS：显示文本插入的效果（加下划线，并在结尾加省略号）。KBD…/KBD：用户自定义的文本类型。Q…/Q：定义文本为内联文本类型。STRONG…/STRONG：显示文本着重强调的效果（黑体）。VAR…/VAR：标识此文本为定义变量。例2_2.htmhtmlheadtitle格式化文本标记示例/title/headbodycenterh2下面是一些格式化文本示范/h2hrwidth=300size=2/centerp!--注释文本将不被显示--/Pp引用：毛主席说：cite好好学习，天天向上。/cite/pp说明：comment说明性文本将不会被显示出来。/comment/pp删除：在此处有一道del删除线。/del/pp定义：dfn平行四边形/dfn是两组对边互相平行的四边形。/pp要点：em要点/em将以斜体显示。/pp插入：ins这段是插入文本。/ins/pp内联体：q这段是内联体文本。/q/pp着重体：明天是strong国庆节。/strong/pp定义变量：这里定义一个变量varvariable./var/p/body/html程序的运行结果如图2－2所示：图2－22.2.2字体样式HTML中的字体样式主要有粗体、斜体、小字体、大字体、宽字体、电报字体、显示下划线或显示删除线等，各种字体的属性如下：B…/B文本以粗体字显示。BIG…/BIG文本以大字体显示。BUTTON…/BUTTON：将文本设定为按钮。I…/I文本以斜体显示。SMALL…/SMALL文本以小字体显示。SPAN…/SPAN：设定内部的字体样式。STRIKE…/STRIKE文本显示时加删除线。SUB…/SUB：文本以下沉的样式显示。SUP…/SUP：文本以上浮的样式显示。TT…/TT文本以电报体或宽字体显示。U…/U文本显示时加下划线。例2_3.asphtmlheadtitle字体样式/titleheadbodyB粗体字/BI斜体字/ISMALL小字体/SMALLBIG大字体/BIGU加有下划线的文字/USTRIKE加有删除线的文字/STRIKETT电报体或宽字体/TT/body/html程序的运行结果如图2_3所示：图2_32.3网页样式标记网页样式是指包含在BODY和/BODY中的部分的样式。其主要属性有：BGCOLOR文档的背景颜色BACKGROUND文档的背景图像TEXT文档中的文本的颜色LINK文档中的链接的颜色ALINK文档中正被选中的链接的颜色VLINK文档中已被访问的链接的颜色ONLOAD文档被加载ONUNLOAD文档退出下列列举一些常用颜色的属性值：红色：＃FF0000绿色：＃008000黄色：＃FFFF00黑色：＃000000草绿色：＃008080蓝绿色：＃00FFFF例2_4.asphtmlheadtitle用颜色显示网页的样式/title/headbodybgcolor=whitetext=blacklink=redalink=bluevlink=greencenterp在此页面中用不同的颜色显示网页样式/p友情链接到：ahref=2_4.asp2_4.asp/a/center/body/html程序运行结果如图2_4所示：图2_4该页面背景颜色为白色，文档的文本颜色为黑色，链接文本颜色为红色，正被选中的链接颜色为蓝色，单击后变为绿色。2.4表单的样式标记表单在网页制作中有举足轻重的地位，因为它方便、美观及其强大的功能是网页中必不可少的元素，它为在服务器和客户机之间的数据传输、网页之间的数据保存以及快速显示在客户机上提供了方便。以下是表单的一些基本元素：FORM定义一个表单INPUT在表单中插入一个表单元素TEXT定义一个文本框TEXTAREA定义一个文本区域CHECKBOX定义一个复选框RADIO定义一个单选框SELECT定义一个选项选择控件OPTION定义一个静态文本框BUTTON定义一个按钮TIELDSET定义一个表单按钮组LEGEND定义表单控件组的名称PASSWORD定义一个输入密码的文本框，以”*”显示输入的文本现在就几个比较常用的属性进行说明。①FORM…/FORMFORM标记定义了一个交互式表单。当用户发送表单时，表单包含的数据被发送到表单的action属性所定义的URL上。Action属性的作用是将表单指向一个接收表单信息并完成信息处理功能的服务器脚本的URL上，以便服务器对所需要数据进行操作。例如：formaction=”log.asp”method=”post”，这表示该表单指向log.asp的文件，在log.asp中可以对表单的内容进行操作。其中action是必须的，它可以指向另外一个文件，也可以指向该文件本身，该文件再进行相应的操作。方法method有post和get两个值，其缺省值为get。它是将表单的输入内容作为一个“HTTPGET”请求，然后把表单数据添加到ationt属性所定义的服务器的URL上。Post方法用表单的内容单独建立一个文件，并发送到服务器上。与post方法比较，get方法所能处理的最多表单数据量受限于服务器和浏览器所能处理的最大URL长度，而且还禁止在输入中包含ASCII码字符或超过100字符的表单。所以post方法较get方法常用。②INPUT这个标记在表单中应用得最广泛，因为它的TYPE属性定义了许多信息输入选项，该属性的取值有：Text（简单文本行）、Password（口令字段）、CheckBox（复选框）、Radio（单选按钮）、File（打开文件)、Submit（提交按钮）、Reset（重置按钮）。此外，INPUT标记还有其他的一些属性，如Name属性为每个选项定义了文本标签；Size属性决定了简单文本行或口令字段的长度，单位为字符；Value属性对于简单文本行或口令字段定义了默认文本。③SELECT…/SELECT该标记定义了一个可以滚动的列表或菜单。在此标记中包含若干个OPTION标记就可以为用