正文 正文 正文 谢 谢 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文档的所有内容都在上述两个标签之间 。 语法格式如下： HEAD部分 HEAD部分以

标签开始，标签结束 。 HTML的HEAD部分用于对页面中使用的字符集、标签的样式、窗口的标题、脚本语言等进行说明和设置。 语法格式如下： -*- HTML是以.html(或.htm)为扩展名的纯文本文件，一个基本的HTML文档由HTML、HEAD和BODY三部分组成。 ...... 页面的标题部分 ... HTML文档结构-2 BODY部分 BODY部分以标签开始，标签结束 。 BODY部分是HTML文档的主体，包含了绝大部分需要呈现给浏览者浏览的内容，如段落、列表、图像和其它元素等HTML页面元素，都通过一些标准的HTML标签来描述 。 语法格式如下： HTML部分、HEAD部分和BODY部分框架图： -*- ……HTML的主体部分 示例：1.1 HelloHTML.html HTML语法 标签 HTML通过标签控制文档的内容和外观，可以将标签看作是HTML的命令。 标签特点： HTML标签以一对尖括号作为开始“<>”，以“>”表示该HTML命令的结束，例如， … 。 标签必须是闭合的。闭合就是标签的最后要有一个“/”，来表示结束，但不一定成对出现 ，例如
单独出现，表示换行。 标签的大小写无关。HTML语言中不区分大小写。 属性 HTML属性一般都出现在标签中。作为HTML标签的一部分，HTML属性包含了标签所需的额外的信息。 语法格式如下： 注释 当用浏览器查看HTML文档时，注释不显示在页面上，语法如下： -*- HTML虽然不区分大小写，但为保持内容的一致性和可读性，推荐使用小写 内容标签名> 属性的值需要在双引号中，