- HTML语言
- 标签、元素、结构概述
- HTML 标签
- 元素
- HTML 文件结构
- HTML 的基本标签
- 文件开始标签
- 文件头部标签
- 文件标题标签
- 元信息标签
- 页面的主体标签
HTML 是纯文本类型的语言,使用 HTML 编写的网页文件也是标准的纯文本文件。我们可以用人和文本编辑器,例如 Windows 的 “记事本” 程序打开它,查看其中的 HTML 源代码,也可以在用浏览器打开网页时,通过相应的 “查看” -> “源文件” 命令查看网页中的 HTML 代码。HTML 文件 可以直接由浏览器解释执行,而无需编译。 当用浏览器打开网页是,浏览器读取网页中的 HTML 代码,分析其语法结构,然后根据解释的结果显示网页内容。
HTML 的标签分单独出现的标签和成对出现的标签两种。
大多数标签成对出现,是由首标签和尾标签组成的。 首标签的格式为 <元素名称>,尾标签的格式为 元素名称>。其完整语法如下:
<元素名称>要控制的元素元素名称>
成对标签仅对包含在其中的文件部分发生作用,例如
单独标签的格式为 <元素名称>,其作用是在相应的位置插入元素,例如
标签便是在该标签所在位置插入一个换行符。
说明:
在每个 HTML5 标签中,大,小写混写均可。例如、 、 ,其结果都是一样的。
在每个 HTML5 标签中,还可以设置一些属性,控制 HTML5 标签所建立的元素。这些属性将位于所建立元素的首标签,因此,首标签的基本语法如下:
<元素名称 属性 1="值1" 属性 2="值 2"...>
而尾标签的建立方式则为
元素名称>
因此,在 HTML5 文件中某个元素的完整定义语法如下:
<元素名称 属性 1="值1" 属性 2="值 2"...>元素资料元素名称>
说明:
语法中,设置各属性所用的引号 “ ” 可省略。
元素
当用一组 HTML5 标签将一段文字包含在中间时,这段文字与包含文字的 HTML5 标签被称为;一个元素。
由于在 HTML5 语法中,每个由 HTML5 标签与文字所形成的元素内,还可以包含另一个元素。因此,整个 HTML5 文件就像是一个大元素,包含了许多小元素。
在所有的 HTML5 文件中,最外层的元素是由
在介绍 HTML 文件之前,先来看一个简单的 HTML 文件及其在浏览器上的显示结果。
下面开始编写一个 HTML 文件,使用文件编辑器,例如在 Windows 自带的记事本中编写如下代码,然后将其保存为 .html 文件。
文件标题 文件正文
运行结果如下图所示:
从上述代码中可以看出 HTML 文件的基本结构,如下图所示。
其中,
HTML 的基本标签 文件开始标签
在任何一个 HTML 文件里,最先出现的 HTML 标签就是 ,它用于表示该文件是以超文本标识语言(HTML)编写的。 是成对出现的,首标签 和尾标签 分别位于文件的最前面和最后面,文件中的所有文件和 HTML 标签都包含在其中。例如:
文件的全部内容
该标签不带任何属性。
事实上,现在常用的 Web 浏览器(例如 IE)都可以自动识别 HTML 文件们并不要求有 标签,也不对该标签进行任何操作。但是,为了提高文件的适用性,使编写的 HTML 文件能适应不断变化的 Web 浏览器,还是应该养成使用这个标签的习惯!!!
习惯上,把 HTML 文件分为文件头和文件主体两个部分。文件主体部分就是在 Web 浏览器窗口的用户区看到的内容,而文件头部分用来规定该文件的标题(出现在 Web 浏览器窗口的标题栏中)和文件的一些属性。
是一个表示网页头部的标签。在由
标签所定义的元素中,并不放置网页的任何内容,而是放置关于 HTML 文件的信息,也就是说它并不属于 HTML 文件的主体。它包含文件的标题、编码方式以及 URL 等信息。这些信息大部分是用于提供索引、辨认或其他方面的应用。写在
和 中间的文本,如果又写在说明:
标签。
如果 HTML 文件并不需要提供相关信息时,可以省略
文件标题标签
每个 HTML 文件都需要有一个文件名称。在浏览器中,文件名称作为窗口名称显示在该窗口的最上方,这对浏览器的收藏功能很有用。如果浏览者认为某个网页对自己很有用,今后想经常阅读,那么可以选择 IE 浏览器 “收藏” 菜单中的 “添加到收藏夹” 命令将它保存起来,供以后调用。网页的名称要写在
HTML 文件的标签是可以嵌套的,即在一对标签中可以嵌入另一对子标签,用来规定目标前所含范围的属性或其中某一部分内容,嵌套在
标签中使用的主要有元信息标签
meta 元素提供的信息是用户不可见的,他不显示在页面中,一般用来定义页面信息的名称、关键字、作者等。在 HTML 中,meta 标记不需要设置结束标记,在一个尖括号内就是一个 meta 内容,而在一个 HTML 头页面中可以有多个 meta 元素。meta 元素的属性有两种:name 和 http-equiv,其中 name 属性主要用于描述网页,以便于搜索引擎机器人查找、分类。
页面的主体标签网页的主体部分以
标记标志它的开始,以 标志它的结束。在网页的主体标签中有很多属性设置,如下表所示:| 属性 | 描述 |
|---|---|
| text | 设定页面文字的颜色 |
| bgcolor | 设定页面背景的颜色 |
| background | 设定页面的背景图像 |
| bgproperties | 设定页面的背景图像为固定,不随页面的滚动而滚动 |
| link | 设定页面默认的链接颜色 |
| alink | 设定鼠标正在点击时的链接颜色 |
| vlink | 设定访问过后的链接颜色 |
| topmargin | 设定页面的上边距 |
| leftmargin | 设定页面的左边距 |



