web编程.ppt

附加A： HTML基础知识 Web浏览器的工作原理（和Http协议） Web浏览器与Web服务器连接 Web浏览器请求一个文档 Web服务器将请求的文档传回 Web浏览器显示文档 Web浏览器关闭与Web服务器的连接 URL（ Uniform Resource Locator ） 它是文件名的扩展。 在单机系统中，如果找一个文件，需要知道文件的路径和文件名。 在Internet中相同，还必须知道文件存放在哪个网络的哪台主机中。 两者的区别： 在单机系统中文件由统一的OS来管理，所以不必给出访问该文件的方法； 在Internet，每个网络，每台主机的OS都不同，所以必须制定访问该文件的方法。 HTML 超文本：1969年提出，实际上是一种解决菜单与信息分离的机制，把可选菜单项嵌入文本中的概念成为“超文本”。例如链接。 它采用指针连结的网状交叉索引方式，对不同来源的信息加以链接，即，一个文本文件，含有多个指针，而指针可以指向任何形式的文件。 HTTP 超文本传输协议 4个步骤： 客户机与服务器建立连接 客户机向服务器发送请求，在请求中指明所要求的特定的文件 如果请求被接纳，那么服务器便发挥一个应答。 客户机与服务器断开连接。 无状态协议，即从一个请求到另一个请求不保留任何有关的连接信息。每次连接，只完成一个请求。 A.1 HTML基础知识 A.1.1 HTML 容器标记 下面通过示例说明常用标记的用法。 HTML HEAD TITLE1-1/TITLE /HEAD BODY Hello World! /BODY /HTML 说明：每一个元素都有一个开始和结束标记， 格式：开始标记：标记名, 结束标记为：/标记名 基本结构： HTML HEAD TITLE/TITLE /HEAD BODY /BODY /HTML 标签具有相同的结构： 起始标签 属性名＝属性值 内容 结束标签 例如： BODY bgcolor=yellow黄色背景 /BODY A.1.3 字体标记 HTML HEAD TITLEListing 2-3/TITLE /HEAD BODY FONT COLOR=blueColor!/FONT FONT SIZE=5Size!/FONT FONT FACE=CourierTypeface!/FONT FONT SIZE=6 COLOR=blue FACE=ArialMany Changes!/FONT /BODY /HTML A.1.4 行格式编排标记 HTML HEAD TITLEListing 2-4/TITLE /HEAD BODY PThis is an example of a paragraph./P PThis is another paragraph./P H1This is a level-1 heading./H1 H2This is a level-2 heading./H2 This is not followed by a break. This Bis/B followed by a break. BR This is not followed by a break. This is not followed by a break. /BODY /HTML P和/P 标记将一个文本定义为一个段落，其中/P是可选的，如果IE遇到一个新的P标记,它会自动结束前面的段落。 H1 /H1 H2 /H2 标记定义了段落的标题 BR 标记定义了一个行分隔符。 思考： Html 输出是基于窗口的，因而Html文件在输出时都要重新排版，即把文本上任何额外的字符（如空格）都忽略，若确实不需要重新排版的内容，可以用？标记 A.1.5 PRE和/PRE 标记 HTML HEAD TITLEListing 2-5/TITLE /HEAD BODY PRE This is an example of some preformatted text. Notice how the page is displayed with the same spacing and line breaks as t