第2章-Web页面技术.pdf

Web开发技术 （Java） 第二章 张 娜 zhangna@ A3座 117 2012.3.7 主要内容 v 背景知识 v HTML  v CSS  v JavaScript 背景知识 背景知识——HTTP协议的工作过程 v 四个过程：建立连接、发送请求、发送响应、关闭 连接 õ建立连接：通过申请套接字 （Socket），客户打 开一个套接字，并将自己绑定到该端口上。 õ发送请求：打开一个连接后，客户机将请求发送 到服务器指定的端口，并完成提出请求动作。 õ发送响应：服务器在处理完用户的请求以后，要 想客户机发送相应信息。 õ关闭连接：通信双方通过关闭套接字的办法关闭 连接 背景知识——统一资源定位符（URL） v 实例：:80/cs/news.html  v  URL的构成： õ  http://  代表超文本传输协议，通知服务器显示Web页 面 õ  www  Web服务器的主机名 õ   Web服务器所在的域名 õ  80 端口号，默认为80  õ  cs 服务器上的子目录 õ  news.html 文件夹中的一个html文件 HTML HTLM  v 认识HTML  v HTML常用标签 v 网络点餐系统页面实现 认识HTML  v  HTML （HyperText Mark­up Language）超文本链接标识语 言，是应用的最广泛、也是构建Web页面的最主要的语言之 一。 v  HTML是由一系列标签组合而成的一个文本文件，语法格式 简单，并且功能强大，支持不同数据格式的文件嵌入，也可 以使用在大多数的平台上。 v  1999年12月，W3C网络标准化组织推出HTML4.01，按  W3C的设想，HTML 4.01应该是HTML规范的最后一个版 本，此后将使用XHTML取而代之。但Web开发人员更希望 使用改良式的解决方案，因此HTML5 和XHTML2.0都在设 计之中，两个规范平行发展。 认识HTML  v  HTML的基本语法 õHTML文件由标签和文本组成，格式为：  标签在浏览器中显示的文本/标签  õ标签名和“”之间不能有空格 õ属性通过属性控制各种输出效果，格式为：  标签 属性1＝“属性值”  属性2＝“属性值” …  受到属性影响的文本  /标签  õ属性之间没有顺序，且只能加于起始标签中。 认识HTML  v 标签可以分为单标签和双标签两种： õ单标签单独使用，如：br  õ双标签成对使用，如：head…/head  õ对于同一段文本，可以使用多个嵌套标签来共同作 用，产生一定的效果，但需要注意标签出现的顺序。  headtitle网页标题/title/head  headtitle网页标题/head/title  （错误） õHTML语言不区分大小写 第一个HTML文件 v 在页面输出“认识HTML！”  v testHTML.html v  HTML页面通常以DOCTYPE声明标签开始，它用于声明文 档的类型，并且在它之前不能有任何内容（包括换行符和空 格），否则将使文档声明无效。