Web编程基础第1章HTML基础.ppt

正文 正文 正文 谢 谢 Thanks for listening. 第1章 HTML基础 目标 -*- 了解Web发展史及HTML特点 掌握HTML文档结构的组成 掌握HTML的语法结构 掌握文本标签的使用 掌握分隔标签的使用 掌握各种列表标签的使用 掌握各种超链接的使用 掌握图像标签的使用 Web概述 Web的任务就是向人们提供多媒体网络信息服务。 从技术层面看，Web技术主要有三点： 超文本传输协议（HTTP） 统一资源定位符（URL） 超文本标签语言（HTML） -*- Web是一个分布式的超媒体（hypermedia）信息系统，它将大量的信息分布于整个因特网上。 HTTP 超文本传输协议 （HTTP，HyperText Transfer Protocol） HTTP是客户端浏览器或其他程序与Web服务器之间的应用层通信协议，用以实现客户端和服务器端的信息传输。 -*- URL 统一资源定位符 （URL，Uniform / Universal Resource Locator） URL用于完整的描述Internet上网页和其他资源的地址，是实现互联网信息定位的统一标识。 URL主要由三部分组成：协议类型、存放资源的域名或主机IP地址和资源文件名，语法格式如下： protocol（协议）：指定使用的传输协议，最常用的是HTTP协议 hostname（主机名）：是指存放资源的服务器的域名或IP地址； port（端口号）：为可选项，省略时使用默认端口，如HTTP协议的默认端口是80； path（路径）：由零或多个“/”符号隔开的字符串，一般用来表示主机上的一个目录或文件地址； parameters（参数）：为可选项，可以用于指定特殊参数； query（查询）：为可选项，用于给动态网页传递参数，可以有多个参数，用“”符号隔开，每个参数的名和值用“=”符号隔开； fragment：字符串，用于指定网络资源中的片断。例如，一个网页中有多个名词解释，可使用fragment直接定位到某一名词解释。 -*- protocol://hostname[:port]/path/[;parameters][?query]#fragment HTML 超文本标签语言 （HTML，HyperText Mark-up Language） HTML语言，是目前网络上应用最为广泛的语言，也是构成网页文档的主要语言，其特点如下： 简易性 可扩展性 平台无关性 -*- HTML文档结构-1 HTML部分 HTML文档以html标签开始，/html标签结束 。 HTML文档的所有内容都在上述两个标签之间 。 语法格式如下： HEAD部分 HEAD部分以head标签开始，/head标签结束 。 HTML的HEAD部分用于对页面中使用的字符集、标签的样式、窗口的标题、脚本语言等进行说明和设置。 语法格式如下： -*- HTML是以.html（或.htm）为扩展名的纯文本文件，一个基本的HTML文档由HTML、HEAD和BODY三部分组成。 html....../html head title页面的标题部分/title ... /head HTML文档结构-2 BODY部分 BODY部分以body标签开始，/body标签结束 。 BODY部分是HTML文档的主体，包含了绝大部分需要呈现给浏览者浏览的内容，如段落、列表、图像和其它元素等HTML页面元素，都通过一些标准的HTML标签来描述 。 语法格式如下： HTML部分、HEAD部分和BODY部分框架图： -*- body ……HTML的主体部分 /body 示例：1.1 HelloHTML.html HTML语法 标签 HTML通过标签控制文档的内容和外观，可以将标签看作是HTML的命令。 标签特点： HTML标签以一对尖括号作为开始“”，以“/”表示该HTML命令的结束，例如， body…/body 。 标签必须是闭合的。闭合就是标签的最后要有一个“/”，来表示结束，但不一定成对出现 ，例如br/单独出现，表示换行。 标签的大小写无关。HTML语言中不区分大小写。 属性 HTML属性一般都出现在标签中。作为HTML标签的一部分，HTML属性包含了标签所需的额外的信息。 语法格式如下： 注释 当用浏览器查看HTML文档时，注释不显示在页面上，语法如下： -*- HTML虽然不区分大小写，但为保持内容的一致性和可读性，推荐使用小写 标签名 属性名1 = 属性值 属性名2 = 属性值内容/标签名 属性的值需要在双引号中， 属性名和属性值成对出现。 虽然HTML中的属性值不用双引号仍然可以解析，但出于编码规范的要求