超文本标记语言HTML课件.pptVIP

超文本标记语言 HTML (HyperText Markup Language) 1. HTML 概述 超文本标记语言 HTML 中的 Markup 的意思就是“设置标记”。 HTML 定义了许多用于排版的命令（标签）。 HTML 把各种标签嵌入到万维网的页面中。这样就构成了所谓的 HTML 文档。HTML 文档是一种可以用任何文本编辑器创建的 ASCII 码文件。 HTML 文档 仅当 HTML 文档是以.html 或 .htm 为后缀时，浏览器才对此 文档的各种标签进行解释。 如 HTML 文档改换以 .txt 为其后缀，则 HTML 解释程序就不对标签进行解释，而浏览器只能看见原来的文本文件。 当浏览器从服务器读取 HTML 文档后，就按照 HTML 文档中的各种标签，根据浏览器所使用的显示器的尺寸和分辨率大小，重新进行排版并恢复出所读取的页面。 2. HTML 的格式与标签 元素(element)是 HTML 文档结构的基本组成部分。一个 HTML 文档本身就是一个元素。每个 HTML 文档由两个主要元素组成：首部(head)和主体(body) 。 首部包含文档的标题(title)，以及系统用来标识文档的一些其他信息。标题相当于文件名。 文档的主体是 HTML 文档的最主要的部分。 主体部分往往又由若干个更小的元素组成，如段落(paragraph)、表格(table)、和列表(list)等。 HTML 的标签 HTML用一对标签（即一个开始标签和一个结束标签）或几对标签来标识一个元素。 开始标签由一个小于字符“”、一个标签名、和一个大于字符“”组成。 结束标签和开始标签的区别只是在小于字符的后面要加上一个斜杠字符“/”。 虽然标签名并不区分大写和小写。 有一些标签可以将结束标签省略。 HTML 文档中标签的用法 HTML 文档中标签的用法 HTML 文档中标签的用法 HTML 文档中标签的用法 HTML 文档中标签的用法 HTML 文档中标签的用法 HTML 文档中标签的用法 HTML 文档中标签的用法 HTML 文档中标签的用法 HTML 文档中标签的用法 万维网页面中的超链1. 链接到其他网点上的页面 定义一个超链的标签是A。字符A表示锚(Anchor)。 在HTML文档中定义一个超链的语法是： A HREF=... X/A (8-3) 链接举例 A HREF=清华大学/A 2. 链接到一个本地文件 远程链接：超链的终点是其他网点上的页面。 本地链接：超链指向本计算机中的某个文件。 本地链接 本地链接可进行许多的简化： 协议(http://)被省略——表明与当前页面的协议相同。 主机域名被省略——表明是当前的主机域名。 目录路径被省略——表明是当前目录（对于远程链接，表明是主机的默认根目录）。 文件名被省略——表明是当前文件（对于远程链接，表明是对方服务器上默认的文件名，通常是一个名为 index.html 的文件）。 相对路径名与绝对路径名 使用简化的 URL，在 HREF= 的后面使用的是相对路径名。 使用完整的 URL 则是使用绝对路径名。 使用相对路径名的好处不仅是可以少键入一些字符，而且也便于目录的改动。 本文件链接举例 远程链接举例 表单 从HTML 2.0开始就增加了“表单”项目。 “表单”(form)用来把用户数据从浏览器传递给万维网服务器。 在创建动态文档时，表单和 CGI 程序经常配合使用。 表单在浏览器的屏幕出现时，就有一些方框和按钮，可供用户选择和点取。有的方框可让用户输入数据。 表单的构成 HTML 定义表单是在 HTML 文档的主体中插入表单的标签FORM和/FORM。 在FORM标签中首先要指明 ACTION 参数，其后面的引号中指出在万维网服务器中的 CGI 程序在何处。一般就是指明 URL。 参数 METHOD 说明对表单所采用的方法，即数据是如何在浏览器和服务器之间传送的。 在 HTML 文档中用标签INPUT表示需要用户输入数据的项目。 提交按钮与复位按钮 SUBMIT（提交）按钮的功能是：“填完按此按钮”。当用户点取此按钮时， 浏览器即向服务器发送填写的数据。 RESET（复位）按钮的功能是：“清除所填信息”。用户若认为所填写的数据不合适，在按复位按钮后，表单即恢复到刚开始时的样子。 使用SELECT标签可在表单中加入下拉式菜单。 *课件制作人：谢希仁 HTML HEAD