HTML语言教程-.pdf
《HTML语言教程-.pdf》由会员分享,可在线阅读,更多相关《HTML语言教程-.pdf(47页珍藏版)》请在得力文库 - 分享文档赚钱的网站上搜索。
1、HTML 语言教程HTML 语言教程.1 1 HTML 文档的基本结构及编辑运算.3 1.1 HTML 介绍.3 1.1.1 HTML 用途.3 1.1.2 HTML 产生.4 1.1.3 HTML 目的.4 1.2 一、超文本链接的相关概念.4 1.2.1 1超链接(Hyperlink).4 1.2.2 2统一资源定位器.5 1.2.3 3超文本传输协议和HTTP 服务器 .5 1.2.4 4HTTP 服务器的页(page)和主页(Homepage).5 1.3 二、标记基础知识.5 1.3.1 1标记(Markup).5 1.3.2 2标签(tag).6 1.3.3 3元素(element
2、).6 1.4 三、HTML 文档的基本结构.6 1.4.1 1HTML 容器标记.6 1.4.2 2头标记(head).7 1.4.3 3体标记(body).7 1.4.4 4一个最简单HTML 文档组成 .7 2 HTML 的语法基础、文档格式.8 2.1 一、HTML 语句的语法 .8 2.1.1 1.标签(TAG).8 2.1.2 2.属性(ATTRIBUTES).8 2.1.3 3.字符规定 .9 数字转换码 .9 2.1.4 4.注释(comments).10 2.2 二、头 HEAD .10 2.2.1 1.文档标题标签TITLE.11 2.2.2 2.基地址标签BASE.11
3、2.2.3 3.关键字索引标签ISINDEX .12 2.3 三、体 BODY .12 2.4 四、格式类标签.13 2.4.1 1.行中断标签BR .13 2.4.2 2分段标签 P.13 2.4.3 3.不换行标签 .14 2.4.4 4.字符格式编排标签.14 2.4.5 5项目标题标签.16 2.4.6 6预定义标签PRE.17 2.4.7 7块引用标签 .18 2.4.8 8水平线标签HR.18 2.4.9 9地址标签.19 2.5 五、列表元素 .19 2.5.1 1.列表标签 和.19 2.5.2 2.顺序列表标签 和.20 2.5.3 3.目录列表标签 和.20 2.5.4 4
4、.菜单列表标签 和.21 2.5.5 5.定义列表标签,和.21 2.6 六、短语元素 .21 2.6.1 1.物理风格的短语元素.21 2.6.2 2.逻辑风格的短语元素.22 3 HTML 的表格、图象与声音.22 3.1 一、表格标签TABLE .22 3.1.1 1.表格标签 TABLE 和/TABLE .22 3.1.2 2.行标签 和.23 3.1.3 3.表格数据标签 和.23 3.1.4 4.表头标签 和.24 3.1.5 5表格标题标签 和.24 3.2 二、图像标签.24 3.2.1 1.属性 SRC.25 3.2.2 2.属性 ALIGN.25 3.2.3 3.属性 AL
5、T.25 3.2.4 4.属性 ISMAP.26 3.2.5 5.属性 WIDTH.26 3.2.6 6.属性 HEIGHT.26 3.2.7 7.属性 BORDER.26 3.2.8 8.属性 VSPACE.26 3.2.9 9.属性 HSPACE.26 3.2.10 10图像映射命令.27 3.3 三、声音.28 3.3.1 1添加声音和视频图像标签.28 3.3.2 2.声音标签 .29 4 超级链接的实现.30 4.1 一、锚标 .30 4.1.1 1.属性 HREF.30 4.1.2 属性 NAME.30 4.1.3 1.属性 TITLE.32 4.1.4 4.属性 METHODS(
6、*).32 4.1.5 5.属性 ONCLICK.32 4.1.6 6.属性 ONMOUSEOUT.32 4.1.7 7.属性 ONMOUSEOVER.33 4.1.8 8.属性 TRAGET.33 4.2 二、在超链接中准确定位.33 4.3 三、利用图像进行超链接.34 4.4 四、可访问的资源.34 4.4.1 1.World Wide Web.34 4.4.2 2gopher.35 4.4.3 3.E-mail.35 4.4.4 4.telnet.35 4.4.5 5.ftp.35 5 交互格式操作 .35 5.1 一、交互格式操作标签.35 5.1.1 1.属性 ACTION.36
7、5.1.2 2.属性 METHOD.36 5.2 二、标签 INPUT.36 5.2.1 TYPE=text(文本).36 5.2.2 TYPE=password(口令).38 5.2.3 TYPE=checkbox(复选项).38 5.2.4 TYPE=radio(单选项).38 5.2.5 TYPE=hidden(隐含).38 5.2.6 TYPE=reset(复位).39 5.2.7 TYPE=submit(提交).39 5.2.8 TYPE=image(提交图像).39 5.3 三、下拉式菜单标签.39 5.3.1 1 和.39 5.3.2 2 标签.40 5.4 四、文本输入标签.4
8、0 5.5 五、交互格式操作的数据传送格式.41 5.6 六、交互格式操作的数据储存和反馈.42 5.7 七、框架设计 .44 6 其他.44 6.1 颜色.44 1 HTML 文档的基本结构及编辑运算1.1 HTML介绍1.1.1 HTML用途超文本标记语言HTML是 Web的通用语言,是创建Web页和发布Web信息的格式,是Web设计的基础,是控制Web浏览器在屏幕上显示内容的核心技术。1.1.2 HTML产生十九世纪七十年代,美国哈佛大学的学生Ted.Nelson提出了一个极富有创造性的幻想:全球将建立一个信息网,在这个信息网上用户可以任意地选择其所需访问的信息资源,而不需要关心这些信息
9、量的来源。为此他还创造了一个术语-超文本。超文本具的极强交互能力。用户只需指点文本中的字或词组,便可激发与其语意相关的新的信息流。因为在超文本中的许多字或词都具有一个链,将其指向另一个文本,而之后仍有链接指向下一个文本。这样只凭借词义或语意的关系即可供人们任意浏览。这是一个迈向新技术挑战的幻想,是人类向信息社会迈进时梦寐以求的目标。当年的幻想随着世界计算机技术的飞速发展,如今已成为现实。HTML 是 1986 年制定的国际标准ISO8879-Standard Generalized Markup Language(SGML)的一种应用。SGML是一种工业技术中应用的标记语言的标准,它由三个部分
10、组成:说明、程序和实例。其序言是一种文档类型定义(DTD),它定义了一种语法。HTML即是 SGML的一种语法定义。HTML近似于 SGML的一个简化的专业版,但是它提供的信息链接特性使其成为有别于SGML的一种著名计算机语言。HTML继早先发表的0.9 版、1.0 版和 2.0 版后,于 1995 年 3 月发表了 3.0 版(HTML Specification Version3.0)的草案,即未正式发表的版本。值得一提的是1.0 版、2.0 版或 3.0 并不是指这种语言的软件产品的版本,而是指 HTML的语法规定的版本。它被子称为Internet工程任务实施方案(Draft the I
11、nternet Engineering Task Force)。它由 Internet工程任务实施(IETF)的HTML工作组在“html-wgwg.oclc.org”中发布。1.1.3 HTML目的最初设计HTML语言的目的是使科学家们可以创建包含基本格式化命令(即标记)和其他信息链接(称作超文本或超链接)的基于文本的文档。例如,一个有关地震的文档可以包含一个到其他科学家撰写的有关板块构造理论的文档的链接。HTML 用于编制可以在不同的平台上实施链接的超文本文件。HTML的标记可以表达超文本的新闻、邮件、文档及超媒体-包含在线的图形、视像的信息体。在这一节中将介绍HTML是如何实现超文本的链
12、接,HTML文档的基本组成以及支持HTML文档的传输协议HTTP。它们是 HTML的基础,又是一些容易混淆的抽象概念。1.2 一、超文本链接的相关概念1.2.1 1超链接(Hyperlink)超文本的链接称为超链接。在HTML中将超链接定义为两个锚标(anchor)之间的联系。锚标是信息存储的地点。形成超链接的两个地点必然是从源点(source)指向目标(destination)。若用一个箭头来描述一个超链接关系,则出发的源点是箭头的尾(tail),到达的目的地是箭头的头(head)。在实际应用中,用鼠标点击屏幕上的超文本之处即是超链接的源点或尾,由该链接所调出的文档所在地点即是超链接的目标或
13、头。1.2.2 2统一资源定位器超链接的目标地点的描述采用统一资源定位的方法。在超文本中任何一个目标地点都有一个统一资源定位器(URL,Uniform Resoure Location)。它确定了网络中任何一个文档的所在地点。URL由三个部分组成,例如学院主页的 URL为:http:/http:定义了服务器的访问方法,亦即是访问协议的名称。http-超文本传输协议(后面介绍)。/:定义了服务器地址,或称主机名(hostname)。/:定义了文件在服务器中的路径和文件名称。上述的表达必须符合Internet中资源描述的统一规定,因而都冠以“统一资源”的称呼。1.2.3 3超文本传输协议和HTTP
14、 服务器支持超链接的协议就是超文本传输协议HTTP。超文本传输协议的作用是通过HTML文档和支持HTML的浏览器来实现的。换句话说,在Wold Wide Web 上用浏览器来浏览超文本文档时所依靠和遵循的规则就是HTTP协议。存放 HTML文档的服务器称为HTTP服务器或 Web服务器。在HTML文档中用“http:/,”表示一个 HTTP服务器的地址。支持 HTTP协议的浏览器称为Web浏览器。通常Web浏览器也支持其他的文件传输协议如FTP等。1.2.4 4HTTP 服务器的页(page)和主页(Homepage)由于 HTML文档均是用于浏览的,浏览中出现的都是页面,因此常把HTML文档
15、编辑称为页面编辑,把服务器中不同的HTML文档称为不同的页。通常在每个服务器的根目录中都可以放置一个缺省的文档,类似于DOS中的自动批处理文件autoexec.bat。UNIX系统支持的HTTP 服务器中它的名字为index.html,其它系统支持的服务器中的名字为welcome.htm。在 HTML中超链接的统一资源定位即是对HTTP服务器的寻址。当一个超链接仅给出服务器地址时同即能自动显示这个缺省文件。这个特殊的文档就称为主页或起始页(Homepage)。用户可通过这个主页所提供的超链接十分方便地浏览该服务器中的其他相关文档。1.3 二、标记基础知识1.3.1 1标记(Markup)标记是
16、 HTML文档的基本特征。在HTML的文档中,字符和数据的语法结构是通过标记来表达的。因此标记是HTML语言的标签符号和用标签符号构成的各种元素的统称。1.3.2 2标签(tag)标签是描述性的标记,用一对 符号中间包含若干字符来表示。标签通常是配对使用的,前一个是开始标签(start-tag),后一个是结束标签(end-tag)。结束标签的符号内第一个字符是“/”。还有一种标签是不配对使用的,像是仅用了一个开始标签,称为空标签。1.3.3 3元素(element)元素是 HTM文档中的组成部分,相当于程序中的语句。各种元素都应符合文档类型定义(DTD)的规定。例如:HTML 中有头(head
17、),标题(title),列表(list),等各种类型的元素。一个HTML文档就是由不同类型元素组成的有序结构。元素的表示通常是一个开始标签,标签内表明元素名。开始标签后跟着元素内容的字符串,字符串后面是结束标签。一对标签用来定界定一个元素。空标签亦界定一个元素。例如:This is a Heading(用一对标签来界定一个元素。)This is a paragrph.(用一个空标签界定一个元素。)元素是可以嵌套的。例如:An Example of Nested Element元素的具体表达方法体现了HTML的语法规定。(有关元素在实际应用中表达的更详细的内容在后面讨论)。1.4 三、HTML
18、文档的基本结构HTML文档具有 最基本的结构框架“头”和“体”。HTML文档均用于在浏览器上显示,而支持HTTP 的浏览器均为WINDOW S 式的图形用户接口(GUI)界面,因此HTML文档的基本结构是依据这一要求而设计确定的。一个GUI 的视窗通常由标题栏和窗口体作为其最基本的构成。HTML 文档结构的“头”和“体”正应于这一要求。1.4.1 1HTML容器标记HTML 文档的第一个标记 是 HTML的容器标记,它向浏览器指示,其后的代码应使用由 HTML 制定的语法和结构规则来处理。相应的结束标记 出现在文件的结尾处。注意:不要把HTML文档的任何文本放置在这两个标记的外面,否则其结果是
19、不可预见的。1.4.2 2头标记(head)和 是一对头标签,是标记文件头区域的分界线(.),s 有在浏览器的标题栏中显示的文档标题名称(title)和该文档有关的属性参数。它是HTML 文档的第一个部分,是一个可选项。(尽管HTML规定一些元素只能在它的内部使用。)在文档头中能用于浏览显示的元素仅有标题(title),其他的元素均不显示。TITLE(标题)也是一个可选元素.用一对标签()标记定义了在浏览器的标题栏中显示的内容。标题元素总是嵌套在头元素中的。This is an example of HTML HEAD Yet another“Hello world”本例中的“Th e Exa
20、mple-HEA D”将作为文档标题显示在浏览器的标题栏中。1.4.3 3体标记(body)体(BODY)是 HTML文档中主体,勍映在浏览器屏幕剟正文区域,它包含了文档内容-即在网页上见飫资料。和 是一对体标签,用于标记()除了头以外其余剟文档内容。与头元素一样是一个复合元素,在体标签内嵌套其他飫字符和元素。如例 1.1 中显示剟正文文本是:Yet another“Hello world”This is an example of HTML document This is“bold”text (黑体字)This is“italic”text.(斜体字)1.4.4 4一个最简单HTML文档组
21、成头和体结合就能组一个怘TML文档 This is an example of HTML This is an example of HTML document This is“bold”text (黑体字)This is“italic”text.(斜体字)这个例子在浏览器中显示的结果是:This is an example of HTML document This is“bold”text This is“italic”text.2 HTML的语法基础、文档格式2.1 一、HTML 语句的语法2.1.1 1.标签(TAG)标签的作用是指出文档是如何组织的。一个标签以“”开始,以“”结束。元
22、素名位于大于号和小于号这间,元素名不区分大小写。例如HTML ,hTML ,html 是同一标签。标签一般应开始标签和结束标签成对使用,在开始标签中,小于号“”和元素之间不能留有空格。2.1.2 2.属性(ATTRIBUTES)属性是为标签实现某种功能而提供的一些具体的参数。属性由属性名和属性值组成。属性名由HTML规定的专用名词来表达,属性值按情况不同,可以是HTML规定选项中的某一个或者是HTML 文档设计者输入的信息。当属性值为输入的信息时,通常在输入信息的前后加上双引号。HTML规定,属性定在开始标签中元素名和“”符号之间。其中 是显示图像文件的标签,它单独使用,称为“空标签”;IMG
23、 为元素名;SRC 为属性名,它用来指出图像的源文件位置;属性值“center.gif”是输入的图像源文件名。a paragraph 其中 是开始标签,是结束标签,它们是分段标签;P 是元素名;A LIGN 是属性名,它用来指出a paragraph 这一段文字在屏幕中的位置;HTML规定 A LGN 的属性值是left,center或者 right 中的一个。2.1.3 3.字符规定HTML 说明书中规定HTML 文档的字符是ISO-8859-1 标准所定义的8 位单字节编码的图形字符集,也称为Latin Alphabet NO.1 或 Latin-1。这是一个256 个字符的字符集,其中包
24、括了很多图形元素及除英语处在欧洲应用最多的各种语言中的加重音的字符。ISO-8859-1 标准图形字符集的前 128 个字符与 ASCII 字符集基本相同,这个字符集有时被称作国际参照或ISO-646。在实际应用中,考虑到键盘的限制及不同CPU 和操作系统平台上移植的方便,大多数HTML文档所用的字符与ASCII 字符集相同。可直接使用键盘输入。对于在 ISO-8859-1 中包含的许多字符,如在电子出版中常用到的加重音字符、货币符号、商标、版权标志或其他字符变形等都不包括在ASCII 字符集中。也不能直接从标准键盘输入。数字转换码为了解决那些不包括在ASCII 字符集中的字符的输入问题,HT
25、ML定义了一套“数字转换码”。“数字转换码”有 256 个与 ISO-8859-1 标准图形字符集中的256 个字符一一对应。例如?(圈 C)的转换码是©;HTML 规定转换码由三部分组成,第一部分是“&”符号;第二部分是“#”号并紧跟一个十进制数字,而这个十进制数字是相应字符在ISO-8859-1 标准的 256 个字符集中的位置;第三部分是“;”。这样如果要表达符号,就可以在键盘上输入©;。对于在 HTML 中用于特殊目的的字符,例如“”、“”、“&”等,如果想让浏览器作为普通字符对待,那么必须写成“数字转换码”形式。例如,想在屏幕上显示“12 56”,则HTML源程序必定
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- HTML 语言 教程
限制150内