1、2022-8-52022-8-51 1第一章第一章 Java Web开发基础开发基础 本章主要内容介绍本章主要内容介绍n1.1 什么是什么是Web应用应用n1.2 HTTP协议协议n1.3 HTML语言语言n1.4 Web应用开发技术应用开发技术n1.5 Java Web开发环境及运行环境开发环境及运行环境n1.6 皮影制作项目介绍皮影制作项目介绍 2022-8-52022-8-52 21.1 什么是什么是Web应用应用 Web应用的典型模式：应用的典型模式：B/S模式模式 该模式又称浏览器该模式又称浏览器/服务器模式，即服务器模式，即Internet上的两台主机，一台上的两台主机，一台充当服
2、务器，另一台充当客户机，客户机通过本机的浏览器与服务器进充当服务器，另一台充当客户机，客户机通过本机的浏览器与服务器进行通信。行通信。服务器客户机请求响应1.1 B/S模式示意图模式示意图2022-8-52022-8-53 3B/S模式通信过程模式通信过程 下面以访问西北大学主页为例，阐述客户机与服务器之间的通信过程。下面以访问西北大学主页为例，阐述客户机与服务器之间的通信过程。n客户机请求服务器：浏览器中键入西北大学的主页地址客户机请求服务器：浏览器中键入西北大学的主页地址，回车后浏览器就会向西北大学的服务器发送浏览西，回车后浏览器就会向西北大学的服务器发送浏览西北大学主页的请求，并且将自己
3、的北大学主页的请求，并且将自己的IP地址连同请求一块发送给服务器；地址连同请求一块发送给服务器；n服务器响应客户机：西北大学的服务器接收到该请求并且取出客户机的服务器响应客户机：西北大学的服务器接收到该请求并且取出客户机的IP地址，以客户机的地址，以客户机的IP地址作为目的地址，将西北大学的主页作为数据包发地址作为目的地址，将西北大学的主页作为数据包发出；出；2022-8-52022-8-54 4B/S模式通信过程模式通信过程 当数据包传送到客户机后，读者的浏览器就可以显示西北大学的当数据包传送到客户机后，读者的浏览器就可以显示西北大学的主页了。在上例中西北大学的主页了。在上例中西北大学的We
4、b服务器中处理客户机响应的程序就服务器中处理客户机响应的程序就是一个典型的是一个典型的Web应用，是运行在服务器上的一段程序。接收请求、应用，是运行在服务器上的一段程序。接收请求、分析请求、构造响应、发送响应都是由该分析请求、构造响应、发送响应都是由该Web应用完成的，这几项工应用完成的，这几项工作也是大多数作也是大多数Web应用的主要工作。应用的主要工作。2022-8-52022-8-55 51.2 HTTP协议协议 Web应用的核心就是如何分析请求、完成相应动作并构造响应。应用的核心就是如何分析请求、完成相应动作并构造响应。而这其中的分析请求和构造响应都是与而这其中的分析请求和构造响应都是
5、与Internet的一种传输协议的一种传输协议 HTTP 紧密相关，它规定了紧密相关，它规定了Web应用中的数据在网络中的传输方式应用中的数据在网络中的传输方式和传输格式。下面就让我们一起来了解一下和传输格式。下面就让我们一起来了解一下HTTP协议的主要内容。协议的主要内容。2022-8-52022-8-56 6 HTTP的全称是的全称是HyperText Transfer Protocal，即超文本传输协议。它，即超文本传输协议。它是是Internet的应用层协议，它定义了客户机的浏览器与服务器的的应用层协议，它定义了客户机的浏览器与服务器的Web应用应用之间如何进行通信，以及通信时用于传递
6、数据的数据包的格式等内容。之间如何进行通信，以及通信时用于传递数据的数据包的格式等内容。n HTTP协议是采用请求协议是采用请求/响应模式的无状态协议。响应模式的无状态协议。1.1节所介绍的访问西北节所介绍的访问西北大学主页的过程就是如此。大学主页的过程就是如此。n 在请求在请求/响应过程中，响应过程中，Web应用不保存与任何一个客户机通信的状态，它应用不保存与任何一个客户机通信的状态，它只对到来的当前请求进行处理，处理完返回对应于该请求的响应只对到来的当前请求进行处理，处理完返回对应于该请求的响应.HTTP通信方式通信方式2022-8-52022-8-57 7HTTP通信方式通信方式n任何两
7、个请求的处理都是独立的，无论这两个请求是来自同一个客户机任何两个请求的处理都是独立的，无论这两个请求是来自同一个客户机还是不同的客户机。还是不同的客户机。Web服 务 进程/线 程Web服 务 器Web服 务 进程/线 程Web服 务 进程/线 程浏 览 器浏 览 器图图1.2 Web服务器与客户浏览器交互示意图服务器与客户浏览器交互示意图2022-8-52022-8-58 81.2.1 HTTP请求消息请求消息 HTTP请求消息由请求消息由Request-Line（请求行）、（请求行）、Header Field（头域）和（头域）和Message-Body（消息体）组成。（消息体）组成。请 求
8、 行头 域消 息 体图图1.3 HTTP请求消息格式请求消息格式 2022-8-52022-8-59 9请求行请求行一般格式是：一般格式是：Request-Line=MethodSPRequest-URISPHTTP-Version CRLF 其中其中Method称为称为HTTP方法（方法（HTTP Method），它表示该请求所要进），它表示该请求所要进行的操作类型；行的操作类型；Request-URI称为请求称为请求URI，它表示与该请求有关的，它表示与该请求有关的Web服服务器中的资源定位符；务器中的资源定位符；HTTP-Version表示该请求使用的表示该请求使用的HTTP协议的版本号
9、协议的版本号，一般是，一般是HTTP/1.0或或HTTP/1.1，目前使用的，目前使用的HTTP版本大部分都是版本大部分都是HTTP/1.1。SP表示空格，表示空格，CRLF表示回车换行，它们都是格式信息，用于表示回车换行，它们都是格式信息，用于分隔各部分信息。分隔各部分信息。2022-8-52022-8-51010头域和消息体头域和消息体n头域紧跟在头域紧跟在Request-Line的后面，每个域一行，本节后面部分将会详细的后面，每个域一行，本节后面部分将会详细介绍头域。介绍头域。n消息体在头域后面，与头域隔一个空行，不过并不是所有消息体在头域后面，与头域隔一个空行，不过并不是所有HTTP请
10、求消息请求消息都有消息体，有些就没有消息体，这由该都有消息体，有些就没有消息体，这由该HTTP请求消息的请求消息的HTTP方法类型方法类型决定。决定。2022-8-52022-8-511111.HTTP方法方法 HTTP/1.1总共定义了总共定义了OPTIONS、GET、HEAD、POST、PUT、DELETE、TRACE和和CONNECT 8种种HTTP方法，其中方法，其中GET方法和方法和POST方法是最常见的也是使用最多的方法是最常见的也是使用最多的HTTP方法，所以本书将只重点方法，所以本书将只重点针对针对GET方法和方法和POST方法进行详细介绍。方法进行详细介绍。2022-8-52
11、022-8-51212Get方法方法GET方法向服务器申请请求方法向服务器申请请求URI指定的资源指定的资源:n请求请求URI可能指向的是一个服务器可能指向的是一个服务器Web路径下的一个文件，那么接收路径下的一个文件，那么接收到请求后到请求后Web服务器会将该文件的内容作为服务器会将该文件的内容作为HTTP响应的内容返回给浏响应的内容返回给浏览器；览器；n请求请求URI指向的也可能是一个数据处理过程（比如一个指向的也可能是一个数据处理过程（比如一个Servlet），那），那么么Web服务器会执行该过程并将该过程执行结束后向客户端反馈的结服务器会执行该过程并将该过程执行结束后向客户端反馈的结果
12、信息加入到果信息加入到HTTP响应中返回。响应中返回。2022-8-52022-8-51313GET方法使用场景：方法使用场景：（1）在浏览器中键入网页地址，从）在浏览器中键入网页地址，从Web服务器上获取网页中的所有内容服务器上获取网页中的所有内容。请。请求每一项内容时都会将一个求每一项内容时都会将一个GET请求提交给服务器，然后服务器会处理每一请求提交给服务器，然后服务器会处理每一个请求并将请求的内容作为响应返回给浏览器。个请求并将请求的内容作为响应返回给浏览器。（2）点击网页上的一个图片链接打开一个图片。浏览器会将图片的）点击网页上的一个图片链接打开一个图片。浏览器会将图片的URI构造成
13、构造成一个请求消息，并将请求消息提交给服务器，服务器接收到请求消息，解析一个请求消息，并将请求消息提交给服务器，服务器接收到请求消息，解析请求请求URI，然后将，然后将URI指向的图片返回给浏览器。指向的图片返回给浏览器。2022-8-52022-8-51414POST方法方法 与与GET方法相反，方法相反，POST方法主要用于向服务器提交数据内容，所以一方法主要用于向服务器提交数据内容，所以一般来说般来说POST消息的消息体中会包含提交的数据内容。消息的消息体中会包含提交的数据内容。POST消息中请求消息中请求URI也可以是一个文件位置或者数据处理过程，假如指向的是一个文件位置，那也可以是一
14、个文件位置或者数据处理过程，假如指向的是一个文件位置，那么么Web服务器会将服务器会将POST消息体中携带的数据作为一个文件保存在指定的位消息体中携带的数据作为一个文件保存在指定的位置；如果指向的是一个数据处理过程，那么置；如果指向的是一个数据处理过程，那么Web服务器会将服务器会将POST消息体中消息体中携带的数据传递给该数据处理过程，并启动该数据处理过程对数据进行处理携带的数据传递给该数据处理过程，并启动该数据处理过程对数据进行处理。2022-8-52022-8-51515通常通常POST方法会被使用到如下场景：方法会被使用到如下场景：（1）提交登录信息。当输入完用户名和密码后，点击登录按
15、钮时，浏览器）提交登录信息。当输入完用户名和密码后，点击登录按钮时，浏览器就会将登录信息作为就会将登录信息作为POST消息的消息体提交给消息的消息体提交给Web服务器。服务器。(2)在论坛中发帖子。帖子的标题和内容会作为在论坛中发帖子。帖子的标题和内容会作为POST消息的消息体提交消息的消息体提交给给Web服务器。服务器。(3)发送发送E-mail。E-mail的各项信息（发件人、收件人、抄送、密送、的各项信息（发件人、收件人、抄送、密送、标题、正文等）会组织成一定的格式，然后作为标题、正文等）会组织成一定的格式，然后作为POST消息的消息体提交给消息的消息体提交给Web服务器。服务器。202
16、2-8-52022-8-51616Request-URI Request-URI又称请求又称请求URI，它符合，它符合URI（资源定位符）的格式规范，表（资源定位符）的格式规范，表示了示了Web服务器上的一个资源位置。服务器上的一个资源位置。Request-URI的四种格式：的四种格式：Request-URI=*|absoluteURI|abs_path|authority *表示该表示该Request-URI并不指向某个特定的位置，说明该并不指向某个特定的位置，说明该HTTP请求消息请求消息所请求的操作是针对整个所请求的操作是针对整个Web服务器的，而不是针对某个特定资源的；服务器的，而不是
17、针对某个特定资源的；absoluteURI是一个用绝对形式表示的是一个用绝对形式表示的URI，即以协议开头的，即以协议开头的URI；abs_path是一个用相对形式表示的是一个用相对形式表示的URI，但是它必须是一个，但是它必须是一个Web服务器上服务器上的绝对路径，必须以一个的绝对路径，必须以一个/开头，例如：开头，例如：/images/bg.jpg。这种表示形式。这种表示形式指定了一个从指定了一个从Web服务器根目录开始的相对路径。服务器根目录开始的相对路径。2022-8-52022-8-517171.2.2 HTTP响应消息响应消息 HTTP响应消息是响应消息是Web服务器在处理完服务器
18、在处理完HTTP请求消息后返回给客请求消息后返回给客户机浏览器的消息，它也由状态行、头域和消息体组成。户机浏览器的消息，它也由状态行、头域和消息体组成。状 态 行头 域消 息 体图图1.4 HTTP响应消息格式响应消息格式2022-8-52022-8-51818状态行的一般格式如下：状态行的一般格式如下：Status-Line=HTTP-VersionSPStatus-CodeSPReason-Phrase CRLF 其中，其中，HTTP-Version、SP和和CRLF的意义与请求消息中的一样。的意义与请求消息中的一样。Status-Code是响应状态码，它是是响应状态码，它是3位十进制数，
19、位十进制数，HTTP/1.1预定义预定义了很多状态码用于表示服务器处理请求的状态；了很多状态码用于表示服务器处理请求的状态；Reason-Phrase是是一个简短的文字，它对响应码进行文字性说明。一个简短的文字，它对响应码进行文字性说明。2022-8-52022-8-51919Status-Code根据首位数字的不同可分为几大类：根据首位数字的不同可分为几大类：1xx：信息响应类，表示接收到请求并且继续处理。：信息响应类，表示接收到请求并且继续处理。2xx：处理成功响应类，表示动作被成功接收、理解和接受。：处理成功响应类，表示动作被成功接收、理解和接受。3xx：重定向响应类，为了完成指定的动作
20、，必须接受进一步处理。：重定向响应类，为了完成指定的动作，必须接受进一步处理。4xx：客户端错误，客户请求包含语法错误或者是不能被正确执行。：客户端错误，客户请求包含语法错误或者是不能被正确执行。5xx：服务端错误，服务器不能正确执行一个正确的请求。：服务端错误，服务器不能正确执行一个正确的请求。2022-8-52022-8-520201.2.3 Header Field 头域一般有通用头域、请求头域、响应头域和实体头域等。整个头域由头域一般有通用头域、请求头域、响应头域和实体头域等。整个头域由多条头域项组成，每条头域项占一行。多条头域项组成，每条头域项占一行。一条头域项的一般格式为：一条头域
21、项的一般格式为：Field-Name:Field-Value 其中其中Field-Name是头域名，是头域名，Field-Value是头域值。是头域值。2022-8-52022-8-52121General Header Field 这类头域即可以出现在请求消息中也可以出现在响应消息中，它们只这类头域即可以出现在请求消息中也可以出现在响应消息中，它们只描述了传递消息的一些属性，而不能用于描述传送文件的信息。常见的有：描述了传递消息的一些属性，而不能用于描述传送文件的信息。常见的有：Cache-Control：用于指定一种缓冲机制，这种缓冲机制在整个请求：用于指定一种缓冲机制，这种缓冲机制在整个
22、请求/响应响应过程中必须被遵守，这个头域中指定的缓冲机制将覆盖默认的缓冲机制。过程中必须被遵守，这个头域中指定的缓冲机制将覆盖默认的缓冲机制。Date：表示消息生成时的日期时间，该域所使用的日期格式必须符合：表示消息生成时的日期时间，该域所使用的日期格式必须符合HTTP日期格式日期格式。Pragma：用于指定一些实现相关的参数，在：用于指定一些实现相关的参数，在HTTP协议中并没有规定该头协议中并没有规定该头域所携带参数的意义。域所携带参数的意义。Transfer-Encoding：如果该头域被指定，那就说明消息体采用了所指定：如果该头域被指定，那就说明消息体采用了所指定的传输类型进行传输。的
23、传输类型进行传输。2022-8-52022-8-52222Request Header Field 这类头域只出现在请求消息中，它们通常被客户机用于向服务器传递一些客户机这类头域只出现在请求消息中，它们通常被客户机用于向服务器传递一些客户机的信息或者请求消息的信息。常见的有：的信息或者请求消息的信息。常见的有：Accept：可以被用来说明客户机浏览器能够接受的媒体格式：可以被用来说明客户机浏览器能够接受的媒体格式。Accept-Charset：可以被用来说明客户机浏览器能够接受的字符编码方式。：可以被用来说明客户机浏览器能够接受的字符编码方式。Accept-Encoding：可以被用来说明客户
24、机浏览器能够接受的内容编码方法，通常是：可以被用来说明客户机浏览器能够接受的内容编码方法，通常是用来指定内容的压缩方法用来指定内容的压缩方法。Accept-Language：可以被用来说明客户机浏览器能够接受的语言：可以被用来说明客户机浏览器能够接受的语言。From：表示提交该请求的终端用户的电子邮件：表示提交该请求的终端用户的电子邮件。Host：指示：指示Internet上的一个主机和端口号，主机通常是域名或者上的一个主机和端口号，主机通常是域名或者IP地址地址。If-Match：如果：如果HTTP请求中含有该头域或者后面将要提到的请求中含有该头域或者后面将要提到的If-ModifiedSi
25、nce，2022-8-52022-8-52323 If-None-Match，If-Range和和If-Unmodified-Since头域时，那么该头域时，那么该请求就变请求就变 成了成了“条件请求条件请求”，即只有满足上述描述的条件时请求的操，即只有满足上述描述的条件时请求的操作才需要被执行，这样可以减少不必要的资源浪费。作才需要被执行，这样可以减少不必要的资源浪费。If-None-Match：意义与：意义与If-Match恰好相反，表示匹配不成功则执行恰好相反，表示匹配不成功则执行，否则不执行。，否则不执行。If-Modified-Since：值是一个日期，表示请求的资源如果从给定的日期
26、：值是一个日期，表示请求的资源如果从给定的日期后修改过则执行操作，否则不执行。后修改过则执行操作，否则不执行。If-Unmodified-Since：意义与：意义与If-Modified-Since恰好相反，表示请求恰好相反，表示请求的资源如果从给定的日期后没有被修改过则执行操作，否则不执行。的资源如果从给定的日期后没有被修改过则执行操作，否则不执行。If-Range：它表示：它表示“如果指定的资源实体没有被更改则将我缺少的发给如果指定的资源实体没有被更改则将我缺少的发给我，否则发给我整个资源实体我，否则发给我整个资源实体”。2022-8-52022-8-52424Max-Forwards：在
27、：在TRACE和和OPTIONS方法中使用，用于限制消息在网方法中使用，用于限制消息在网络中传播的跳数，即消息被代理或者网关转发的次数，以此来限制消息络中传播的跳数，即消息被代理或者网关转发的次数，以此来限制消息的生命期。的生命期。Range：用于指定一个范围，它表示请求的资源实体的范围，可以使用字：用于指定一个范围，它表示请求的资源实体的范围，可以使用字节数指定。节数指定。If-Range需要的范围就是通过该头域指定的。需要的范围就是通过该头域指定的。Referer：客户机用该域告诉服务器，请求中的：客户机用该域告诉服务器，请求中的Request-URI是如何获得是如何获得的。的。User-
28、Agent：可以被用来说明客户机浏览器的型号。：可以被用来说明客户机浏览器的型号。2022-8-52022-8-52525Response Header Field 这类头域只出现在响应消息中，它们通常被服务器用于向客户机传这类头域只出现在响应消息中，它们通常被服务器用于向客户机传递一些服务器的信息或着响应消息的信息。常见的有：递一些服务器的信息或着响应消息的信息。常见的有：Accept-Ranges：服务器用于指示它所接受的：服务器用于指示它所接受的Range类型类型。Age：顾名思义，响应消息中该头域表示响应消息的：顾名思义，响应消息中该头域表示响应消息的“年龄年龄”，也就是服务，也就是服
29、务器估计的该响应消息产生后的时间长度。器估计的该响应消息产生后的时间长度。Location：当响应消息的响应码为：当响应消息的响应码为3xx时，该头域会被响应消息用于指示时，该头域会被响应消息用于指示重定向后新的重定向后新的URL。Retry-After：通常用于响应码为：通常用于响应码为503的响应消息，的响应消息，503响应消息表示服务响应消息表示服务器当前不可用，该头域估计了一个服务器不可用的时间。器当前不可用，该头域估计了一个服务器不可用的时间。Server：表示运行在服务器上用于处理请求的软件的信息。：表示运行在服务器上用于处理请求的软件的信息。2022-8-52022-8-5262
30、6Entity Header Field 该类头域描述了消息体中携带的数据的元数据（即对数据的长度、类该类头域描述了消息体中携带的数据的元数据（即对数据的长度、类型、修改时间等属性的描述信息），请求消息和响应消息中都可以包含这型、修改时间等属性的描述信息），请求消息和响应消息中都可以包含这类头域。常见的有：类头域。常见的有：Allow：表示：表示Request-URI指定的资源实体所支持的指定的资源实体所支持的HTTP方法列表，在响方法列表，在响应码为应码为405的响应消息中必须包含该头域。的响应消息中必须包含该头域。Content-Encoding：指示消息内容的编码方法，通常指示内容的压缩
31、算法：指示消息内容的编码方法，通常指示内容的压缩算法。Content-Language：表示消息内容所采用的自然语言。：表示消息内容所采用的自然语言。Content-Length：表示消息长度。头域值是十进制数，表示字节数。：表示消息长度。头域值是十进制数，表示字节数。2022-8-52022-8-52727Content-Location：表示除了：表示除了Request-URI指定的位置外，其他可以访问指定的位置外，其他可以访问到消息内容的位置。到消息内容的位置。Content-MD5：表示消息体中的数据的：表示消息体中的数据的MD5校验码，用来实现端到端的消校验码，用来实现端到端的消息完
32、整性检查。息完整性检查。Content-Range：当传递的数据是整个资源实体的一部分时，用该域说明当：当传递的数据是整个资源实体的一部分时，用该域说明当前传递的数据是资源实体的哪一部分。前传递的数据是资源实体的哪一部分。Content-Type：指示消息体中的内容的媒体格式。：指示消息体中的内容的媒体格式。Expires：指定了一个日期，表示消息体中的内容在该日期之前有效，过了：指定了一个日期，表示消息体中的内容在该日期之前有效，过了该日期则消息内容就过时了。该日期则消息内容就过时了。Last-Modified：表示消息中携带的内容实体的最后修改时间。：表示消息中携带的内容实体的最后修改时间
33、。2022-8-52022-8-528281.3 HTML语言语言 HTML的全称是的全称是HyperText Markup Language，即超文本标，即超文本标记语言。它是一种规范，这个规范定义了一系列标记以及这些标记的结记语言。它是一种规范，这个规范定义了一系列标记以及这些标记的结构。浏览器可以将任何符合该规范的文档（通常为构。浏览器可以将任何符合该规范的文档（通常为HTML或或HTM文档文档）进行解析并且按照）进行解析并且按照HTML文档的结构进行格式化展示。客户机浏览器文档的结构进行格式化展示。客户机浏览器和和Web服务器可以通过互相交换服务器可以通过互相交换HTML文档实现具有丰
34、富格式信息的数文档实现具有丰富格式信息的数据的传送。据的传送。2022-8-52022-8-52929HTML文档简单框架举例文档简单框架举例示例示例 1.1 这是这是HTML标题标题 这是这是HTML内容内容 HTML文档使用一系列标签将文本组织成特定的结构，并且可以通文档使用一系列标签将文本组织成特定的结构，并且可以通过特定的标签使得文档在浏览器中展示时可以引入丰富的颜色、图片、过特定的标签使得文档在浏览器中展示时可以引入丰富的颜色、图片、字体等信息。字体等信息。2022-8-52022-8-530301.3.1 标签和属性标签和属性n HTML标签分为开始标签和结束标签，开始标签由一对尖
35、括号括起来，尖标签分为开始标签和结束标签，开始标签由一对尖括号括起来，尖括号中的文字是标签的名称，结束标签与开始标签有相同的名称，并且在左尖括号中的文字是标签的名称，结束标签与开始标签有相同的名称，并且在左尖括号和标签名称之间加了一个括号和标签名称之间加了一个/；HTML中的大部分标签都是成对的，例如中的大部分标签都是成对的，例如和和、和和；一对标签之间可以包含文字也；一对标签之间可以包含文字也可以包含其他标签。另外，有一种特殊的写法可以包含其他标签。另外，有一种特殊的写法，就是将，就是将/写在右尖括写在右尖括号的前面，这是号的前面，这是的简写形式，它表示的简写形式，它表示标签中不包含任何标签
36、中不包含任何内容。内容。n HTML标签除了可以组织内容之外，大多数标签可以定义一系列的属性用标签除了可以组织内容之外，大多数标签可以定义一系列的属性用于补充说明标签的一些附加信息，属性都写在开始标签中，例如：于补充说明标签的一些附加信息，属性都写在开始标签中，例如：.2022-8-52022-8-531311.3.2 常用标签常用标签 1.页面标签页面标签、和和规定了文档的整体结构。规定了文档的整体结构。标签中是头部信息，其中可以定义一些辅助信息，这些信息不会显标签中是头部信息，其中可以定义一些辅助信息，这些信息不会显示在浏览器的页面正文中，例如示在浏览器的页面正文中，例如定义了页面的标题，
37、它显示在浏定义了页面的标题，它显示在浏览器的标题栏上。览器的标题栏上。中除了可以包含中除了可以包含外，还可以包含其他外，还可以包含其他标签，如标签，如link和和meta标签，标签，link可以用于链接一些其他文档，最常见的可以用于链接一些其他文档，最常见的是使用该标签链接样式表（是使用该标签链接样式表（Style Sheet），如），如；meta用于定义页面的一些用于定义页面的一些2022-8-52022-8-53232 元数据信息，最常见的是使用该标签定义页面的媒体格式和字符编码方元数据信息，最常见的是使用该标签定义页面的媒体格式和字符编码方式，式，。标签的内容包含了标签的内容包含了htm
38、l文档所要显示的绝大多数内容，所有文档所要显示的绝大多数内容，所有需要在浏览器页面正文中显示的内容都必须定义在该标签中；而且，需要在浏览器页面正文中显示的内容都必须定义在该标签中；而且，标签的属性也可以用于规定整个页面的展示方式。标签的属性也可以用于规定整个页面的展示方式。标签标签常见的属性如表常见的属性如表1.1所示。所示。表表1.1 body标签属性标签属性属性名属性名属性值属性值意义意义bgcolorbgcolor颜色值颜色值页面背景的颜色页面背景的颜色backgroundbackground一个图片链接一个图片链接使用该图片作为页面背景使用该图片作为页面背景linklink颜色值颜色值
39、页面中带链接文字的颜色页面中带链接文字的颜色vlinkvlink颜色值颜色值页面中被访问过的链接文字的颜色页面中被访问过的链接文字的颜色alinkalink颜色值颜色值页面中活动的链接文字的颜色页面中活动的链接文字的颜色2022-8-52022-8-53434 2.格式标签格式标签 要控制要控制HTML文档中的文字最终如何在浏览器中布局，需要使用文档中的文字最终如何在浏览器中布局，需要使用HTML的格式的格式标签。标签。HTML定义了丰富的用于定义格式的标签，例如，定义了丰富的用于定义格式的标签，例如，、等等。等等。文字的控制：文字的控制：HTML中提供了一个通用的标签用于设置文字的属性，即中
40、提供了一个通用的标签用于设置文字的属性，即，也有一些标签可以方便地设置文字的一种属性，例如，也有一些标签可以方便地设置文字的一种属性，例如（一系列标签（一系列标签、的总称）可以方便的定义不同大小的文字。的总称）可以方便的定义不同大小的文字。常用的格式标签：常用的格式标签：标签是一个用于设置文字字体的通用方法，它通过不同属性来设置文字标签是一个用于设置文字字体的通用方法，它通过不同属性来设置文字的不同方面：的不同方面：size属性用于设置文字的大小、属性用于设置文字的大小、face属性用于设置字体、属性用于设置字体、color属属性用于设置文字的颜色；性用于设置文字的颜色；2022-8-5202
41、2-8-53535标签是一组标签的总称，标签是一组标签的总称，x可以是可以是1、2、3、，它们都表示页面的，它们都表示页面的标题，不同的标题，不同的x表示的标题级别不一样，表示的标题级别不一样，x越大级别越低，所包含文字越大级别越低，所包含文字的字体也会越小；每个标题占一行；的字体也会越小；每个标题占一行；和和标签表示将文字加粗；标签表示将文字加粗；和和标签表示将文字变成斜体；标签表示将文字变成斜体；标签表示给文字加下划线；标签表示给文字加下划线；和和标签都表示给文字加一个中划线；标签都表示给文字加一个中划线；标签表示将文字作为上角标；标签表示将文字作为上角标；标签表示将文字作为下角标；标签表
42、示将文字作为下角标；2022-8-52022-8-53636 行的控制：行的控制：表示在该标签中的文字形成一个单独的段落，通常段落与段落之间有一表示在该标签中的文字形成一个单独的段落，通常段落与段落之间有一个个 空行；空行；表示换行，即该标签之前是一行，该标签之后是另外一行。表示换行，即该标签之前是一行，该标签之后是另外一行。布局的控制：布局的控制：align属性通常用于规定标签内容的对齐方式，属性通常用于规定标签内容的对齐方式，、标签都有该属性，可以通过将该属性的值指定为标签都有该属性，可以通过将该属性的值指定为center、left或或right以用以用于将内容居中、居左或居右对齐；于将内
43、容居中、居左或居右对齐；2022-8-52022-8-53737 列表是一种经常使用的布局方式，列表是一种经常使用的布局方式，HTML的的标签用于定义无标签用于定义无序的列表，序的列表，标签用于定义有序的列表，标签用于定义有序的列表，表示列表的一项；而且表示列表的一项；而且可以通过定义可以通过定义标签的标签的start属性指定有序列表的起始序号，定义属性指定有序列表的起始序号，定义 标签的标签的type属性指定序号的形状。属性指定序号的形状。此外，此外，HTML还有一个标签还有一个标签可以定义预格式化的文本，即可以定义预格式化的文本，即该标签内的文字将不按该标签内的文字将不按HTML规范进行解
44、析，而是将其中的内容原封不动规范进行解析，而是将其中的内容原封不动、保持格式显示在浏览器中。、保持格式显示在浏览器中。2022-8-52022-8-538383.表格表格表格都用顶层标签表格都用顶层标签进行定义，进行定义，标签用于定义表头，标签用于定义表头，标签用标签用于定义一行，于定义一行，标签用于定义一行中的一列，具体应用请看下面的示例：标签用于定义一行中的一列，具体应用请看下面的示例：第一列第二列第三列111213 21,223 2022-8-52022-8-539394.表单表单 表单是表单是HTML的一个重要部分，主要采集和提交用户输入的信息。的一个重要部分，主要采集和提交用户输入的
45、信息。标签用来在网页中创建表单区域。标签用来在网页中创建表单区域。form元素基本语法结构如下元素基本语法结构如下:各种表单元素各种表单元素 其中其中action指出提交后，由服务器上的哪个处理程序进行处理。写处理指出提交后，由服务器上的哪个处理程序进行处理。写处理文件的名字，也可以写文件的名字，也可以写URL。如果。如果action的值为空字符串，则提交给当前文的值为空字符串，则提交给当前文件进行处理；件进行处理；method属性指定向服务器提交表单方式，有属性指定向服务器提交表单方式，有post和和get两种可两种可选方式。选方式。get的方式是将表单元素的的方式是将表单元素的name/v
46、alue信息经过编码之后，通过信息经过编码之后，通过URL发送发送(在地址栏中看到用户输入的信息在地址栏中看到用户输入的信息)。而。而post则将表单的内容通过则将表单的内容通过http发送，你在地址栏看不到表单的提交信息。发送，你在地址栏看不到表单的提交信息。2022-8-52022-8-54040常用的表单元素常用的表单元素单行文本框单行文本框 单行文本框用于输入少量的信息。单行文本框用于输入少量的信息。基本语法格式：基本语法格式：密码框密码框 密码框用于输入密码。密码框用于输入密码。基本的语法格式：基本的语法格式：2022-8-52022-8-54141提交按钮提交按钮 当点击提交按钮的
47、时候，把输入的信息提交给服务器。当点击提交按钮的时候，把输入的信息提交给服务器。基本语法格式：基本语法格式：value为显示在按钮上面的信息。为显示在按钮上面的信息。复位按钮复位按钮 当点击复位按钮的时候，把各个表单元素的值恢复到默认值。当点击复位按钮的时候，把各个表单元素的值恢复到默认值。基本语法格式：基本语法格式：2022-8-52022-8-54242普通按钮普通按钮 普通按钮也可以完成提交，还可以完成方法的调用。普通按钮也可以完成提交，还可以完成方法的调用。基本语法格式：基本语法格式：单选按钮单选按钮 单选按钮用于在多个选项中选择一个。单选按钮用于在多个选项中选择一个。基本语法格式：基
48、本语法格式：value表示初始状态时，选择哪一个选项。表示初始状态时，选择哪一个选项。例如选择性别（初始时，选择为例如选择性别（初始时，选择为“男男”）：）：2022-8-52022-8-54343 男男 女女复选框复选框 复选框用于多选。复选框用于多选。基本的语法格式：基本的语法格式：显示给用户的信息与提交给服务器的信息没有关系。如果希望多个选显示给用户的信息与提交给服务器的信息没有关系。如果希望多个选项是一组，应该使用相同的名字。项是一组，应该使用相同的名字。2022-8-544下拉列表下拉列表 下拉列表用于选择，可以单选，也可以多选。下拉列表用于选择，可以单选，也可以多选。基本语法格式：
49、基本语法格式：1 2 .每个选项使用一个每个选项使用一个option，使用，使用value属性指出该选项的值，在属性指出该选项的值，在和和之间是显示给用户的值。之间是显示给用户的值。2022-8-545文本域文本域 文本域用于输入大量的信息。文本域用于输入大量的信息。基本语法格式：基本语法格式：textarea name=默认值默认值 要为这个文本域赋默认值，需要把值放在开始标志和结束标志之间要为这个文本域赋默认值，需要把值放在开始标志和结束标志之间，而不是使用，而不是使用valuevalue属性。属性。2022-8-5465.5.其他其他n标签主要用于定义一个超链接，其标签主要用于定义一个超
50、链接，其href属性用于指定超链接的地址；属性用于指定超链接的地址；n标签用于在网页中以链接的方式加入一个图片，其标签用于在网页中以链接的方式加入一个图片，其src属性用于指定属性用于指定待链接图片的位置；待链接图片的位置；n标签可以在页面上加一个水平的分隔线。标签可以在页面上加一个水平的分隔线。HTML有非常多的标签，大部分标签也都定义了很多的属性，熟悉掌握有非常多的标签，大部分标签也都定义了很多的属性，熟悉掌握它们对于它们对于Web应的开发是非常重要的。本章由于篇幅有限只能介绍非常有限应的开发是非常重要的。本章由于篇幅有限只能介绍非常有限的内容，希望读者在学习完本节后自己再搜索一些资料自行
