《Web编程基础》课件第1章 HTML基础.ppt

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