分类： 系统运维
2008-12-01 09:51:45
所谓超文本，是因为它可以加入图片、声音、动画、影视等内容，事实上每一个HTML文档都是一种静态的网页文件，这个文件里面包含了HTML指令代码，这些指令代码并不是一种程序语言，它只是一种排版网页中资料显示位置的标记结构语言，易学易懂，非常简单。HTML的普遍应用就是带来了超文本的技术----通过单击鼠标从一个主题跳转到另一个主题，从一个页面跳转到另一个页面与世界各地主机的文件链接。直接获取相关的主题。如下所示：
通过HTML可以表现出丰富多彩的设计风格：
图片调用：
文字格式： 文字
通过HTML可以实现页面之间的跳转：
页面跳转：〈A HREF="文件路径/文件名">
通过HTML可以展现多媒体的效果：
声频：
从上面我们可以看到HTML超文本文件时需要用到的一些标签。在HTML中每个用来作标签的符号都是一条命令、它告诉浏览器如何显示文本。这些标签均由"<"和">"符号以及一个字符串组成。而浏览器的功能是对这些标记进行解释，显示出文字、图像、动画、播放声音。这些标签符号用“<标签名字 属性>”来表示。
HTML只是一个纯文本文件。创建一个HTML文档，只需要两个工具，一个是HTML编辑器，一个WEB浏览器。HTML编辑器是用于生成和保存THML文档的应用程序。WEB浏览器是用来打开WEB网页文件，提供给我们查看WEB资源的客户端程序。
二、 HTML的基本结构：
一个HTML文档是由一系列的元素和标签组成.元素名不区分大小写.HTML用标签来规定元素的属性和它在文件中的位置，
HTML超文本文档分文档头和文档体两部分，在文档头里，对这个文档进行了一些必要的定义，文档体中才是要显示的各种文档信息。
下面是一个最基本的html文档的代码:
---------------------------------------- 开始标签
在文档的最外层， 文档中的所有文本和html标签都包含在其中，它表示该文档是以超文本标识语言（HTML）编写的。事实上，现在常用的Web浏览器都可以自动识别HTML文档，并不要求有 标签，也不对该标签进行任何操作，但是为了使HTML文档能够适应不断变化的Web浏览器，还是应该养成不省略这对标签的良好习惯。
是HTML文档的头部标签, 在浏览器窗口中，头部信息是不被显示在正文中的,在此标签中可以插入其它标记, 用以说明文件的标题和整个文件的一些公公属性。若不需头部信息则可省略此标记，良好的习惯是不省略。
标记一般不省略，标签之间的文本是正文，是在浏览器要显示的页面内容。
上面的这几对标签在文档中都是唯一的，HEAD标签和BODY标签是嵌套在HTML标签中的。
三、 HTML的标签与属性:
对于刚刚接触超文本的朋友，遇到的最大的障碍就是一些用“<”和 “>”括起来的句子，我们称它为标签，是用来分割和标签文本的元素，以形成文本的布局、文字的格式及五彩缤纷的画面。标签通过指定某块信息为段落或标题等来标识文档某个部件。属性是标志里的参数的选项，
HTML的标签分单标签和成对标签两种。成对标签是由首标签<标签名> 和尾标签组成的，成对标签的作用域只作用于这对标签中 的文档。单独标签的格式<标签名>，单独标签在相应的位置插入元素就可以了，大多数标签都有自己的一些属性, 属性要写在始标签内，属性用于进一步改变显示的效果, 各属性之间无先后次序，属性是可选的，属性也可以省略而采用默认值;其格式如下：
<标签名字 属性1 属性2 属性3 … >内容
作为一般的原则，大多数属性值不用加双引号。但是包括空格、％号，＃号等特殊字符的属性值必须加入双引号。为了好的习惯，提倡全部对属性值加双引号。如：
字体设置
注意事项：输入始标签时，一定不要在“<”与标签名之间输入多余的空格，也不能在中文输入法状态下输入这些标签及属性，否则浏览器将不能正确的识别括号中的标志命令，从而无法正确的显示你的信息。
第二章 HTML主体标签及属性、颜色的设定
为了使你的网页绚丽多姿，吸引更多的浏览者阅读，可以给网页添加更多的标签及属性，这是为了对网页中的元素进行修饰、布局。下面就来逐一介绍这些标签。
一、 html的主体标签
在和中放置的是页面中所有的内容，如图片、文字、表格、表单、超链接等设置。
标签有自己的属性，设置 标签内的属性，可控制整个页面的显示方式。
标签的属性
| 属 性 | 描 述 |
| link | 设定页面默认的连接颜色 |
| alink | 设定鼠标正在单击时的连接颜色 |
| vlink | 设定访问后连接文字的颜色 |
| background | 设定页面背景图像 |
| bgcolor | 设定页面背景颜色 |
| leftmargin | 设定页面的左边距 |
| topmargin | 设定页面的上边距 |
| bgproperties | 设定页面背景图像为固定，不随页面的滚动而滚动 |
| text | 设定页面文字的颜色 |
格式：
实例：
实例说明：
的属性设定了页面的背景颜色，文字的颜色，链接的颜色为#3300ff，单击的连接颜色为#ff00ff，单击过后的颜色为#9900ff。
Body里面的是页面中的链接标签，对于属性可根据页面的效果来定，用那个属性就设定那个属性。对于上面的属性在后面的章节中还会介绍，在这里就不逐一引用了，我们的学习目的主要是掌握标签及属性的使用方法。
二、 颜色的设定
颜色值是一个关键字或一个RGB格式的数字。在网页中用得很多，在此就先介绍一下。
颜色是由 "red" "green" "blue " 三原色组合而成的，在 HTML 中对颜色的定义是用十六进位的，对於三原色 HTML 分别给予两个十六进位去定义，也就是每个原色可有 256 种彩度，故此三原色可混合成16777216种颜色。
例如： 白色的组成是 red=ff, green=ff, blue= ff,RGB 值即为ffffff
红色的组成是 red=ff, green= 00, blue= 00, RGB值即为ff0000
绿色的组成是 red=00, green=ff, blue= 00, RGB值即为 00ff00
蓝色的组成是 red=00, green= 00, blue= ff, RGB值即为0000ff
黑色的组成是 red=00, green=00, blue=00, RGB 值即为 000000
应用时常在每个 RGB 值之前加上“ # “ 符号，如：bgcolor="#336699" 用英文名字表示颜色时直接写名字。如 bgcolor=green
RGB颜色可以有四种表达形式:：
Windows VGA(视频图像阵列)形成了16各关键字: aqua，black， blue，fuchsia, gray，green， lime，maroon，navy，olive， purple，red，silver，teal，white，and yellow
下面是部分颜色的RGB代码图表:
