文档介绍：aver CS
m
Drea
ash CS3 / Firework CS3 网页设计三剑客
we 3 / Fl
HTML、CSS、JavaScript 语法手册
HTML语法参考手册
HTML 语言(Hypertext Markup Language,中文通常称作超文本置标语言,或超文本标签语言) 是一种文本类、解释执行的标签语言,它是 上用于编写网页的主要语言。用 HTML 编写的超文本文件称为 HTML 文件。
1 HTML文件的基本结构
编写 HTML 文件的时候,必须遵循 HTML 的语法规则。一个完整的 HTML 文件由标题、段落、列表、表格、单词即嵌入的各种对象所组成。这些逻辑上统一的对象称为元素,HTML 使用标签来分割并描述这些元素。实际上整个 HTML 文件就是由元素与标签组成的。
下面显示的就是一个 HTML 文件的基本结构:
<HTML> HTML 文件开始
<HEAD> HTML 文件的头部开始
......
...... HTML 文件的头部内容
</HEAD> HTML 文件的头部结束
<BODY> HTML 文件的主体开始
......
...... HTML 文件的主体内容
</BODY> HTML 文件的主体结束
</HTML> HTML 文件结束
可以看到,HTML 代码分为三部分,其中:
<HTML>......</HTML>: 告诉浏览器 HTML 文件的开始和结束, 其中包含<HEAD> 和
<BODY> 标签。HTML 文档中所有的内容都应该在这两个标签之间,一个 HTML 文档总是以
<HTML> 开始,以</HTML> 结束的。
<HEAD>......</HEAD>: HTML 文件的头部标签,其中可以放置页面的标题以及文件信息等内容。通常将这两个标签之间的内容统称作 HTML 的头部。一般来说,位于头部的内容都不会在网页上直接显示,而是通过另外的方式起作用,例如,标题是在 HTML 的头部定义的, 它不会显示在网页上,但是会出现在网页的标题栏中。
<BODY>......</BODY>: HTML 文件的主体标签,绝大多数 HTML 内容都放置在这个区域里面。它通常在</HEAD> 标签之后,在</HTML> 标签之前。
1
2 HTML头部标签
HTML 头部标签是<HEAD>, 主要包括对页面的一些基本描述语句,如标题和关键字等, 后面讲到的 JavaScript 和 CSS 一般都是定义在 HEAD 头元素中。通常将<HEAD> 与</HEAD> 标签之间的内容统称为 HTML 的“头部”。一般来说,位于头部的内容都不会在网页上直接显示, 而是通过其他的方式起作用,例如,标题是在 HTML 的头部定义的,它不会显示在网页上,但是会出现在网页的标题栏中。
常用的头部标签内容如下表所示:
表 1 头部标签
标签
描述
<BASE>
当前文档的 URL 全称(基底网址)
<TITLE>
设定显示在浏览器左上方的标题内容
<ISINDEX>
表明该文档是一个可用于检索的网关脚本
<META>
有关文档本身的元信息,例如用于查询的关键词,用于获取该文档的有效期等
<STYLE>
设定 CSS 层叠样式表的内容,详见后面章节
<LINK>
设定外部文件的链接,详见后面章节
<SCRIPT>
设定页面中程序脚本的内容,详见后面章节
<HEAD> 与</HEAD> 之间的内容不会在浏览器的文档窗口显示,但是,其间的元素有特殊
重要的意义。下面就来分别介绍这些标签的作用。
标题标签<TITLE>
HTML 文件的标题显示在浏览器的标题栏中,用以说明文件的用途。每个 HTML文档都应该有标题,在 HTML文档中,标题文字位于<TILTE> 和</TITLE> 标签之间。<TITLE>和</TITLE> 标签位于 HTML 文档的头部,即位于<head> 和</head> 标签之间。
网页标题的作用主要包括三方面:
z 它可以在使用网页编辑软件 Dreamweaver 构建网站结构图时显示在该网页文件的旁边, 提示网页的内容。
z 可以在浏览者保存该网页后成为保存后网页的文件名。这是 IE 浏览器默认的设置。
z 可以在浏览者将该网页添加进收藏夹时成为收藏夹中该网页的名称。
基底网址标签<BASE>
<BASE> 标签可以设置 URL 地址,一般常用来设置浏览器中文件的绝对路径,然后在文件中只需写下文件的相对位置,在浏览器中浏览的时候这些位置会自动的附在绝对路径后面,成为完整的路径。在文档中所有的相对地址形式的 URL 都是相对于这里定义的 URL 而言的。一篇文