|
HTML基础
| |
|
您可能会问，现在有关HomePage制作的工具软件那么多，还需要花时间去了解HTML吗？事实上，不管制作工具软件如何先进，HomePage的制作仍然以HTML语法为基础，所以要想在制作HomePage的时候能够运用自如，还是得先花些时间认识一下HTML语法，这对您是会有帮助的。 HTML的结构 基本上，编辑HTML的工具只要是能将输入的文字存成文本文件就可以了，因此您可以使用Windows 95的“记事本”来编辑HTML文件。现在我们就以记事本来作为编辑HTML的工具吧！下面我们举一个简单的HTML文件来作为说明的例子：
这是一个简单的HTML文件。 文件中所有的“<>符号以及所包含的内容，我们都称为是一个Tag（标签），Tag通常是成双成对的（但是也有少数例外），例如<TITLE>与</TITLE>就是。前面的Tag表示所指示效果的开始，后面的Tag则表示效果的结束，例子中每个Tag所代表的意义如下：
您可以在“记事本”中输入上面范例的内容并且将它存成“.htm”文件，然后我们可以用任何一种浏览器来观看这个文件的内容。 由上面这个例子，想必您已经大概知道HTML语言的特性了吧！下面让我们来多认识一些HTML中其他Tag的功能。 注意：在HTML语法中是没有限制大小写的，也就是说<TITLE>，<title>或<TiTLe>的写法都是可以使用的，另外Tag与Tag之间的空格或空行并不会在浏览器中显示出来，要想产十分段或空行的效果必须使用<P>或<BR>等Tag。 |
|
HTML的基本语法
| ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
1.字体变化 HTML语言也提供了字体变化的效果。下面是一些与文字有关的Tag，有兴趣的话请拿来试试看吧！
我们在后面还会遇到更多更富变化的Tag使用技巧，而且随着HTML语言的发展，所能提供的功能将会越来越多。 2.链接的功能 HTML语言最特殊的地方就是它的链接能力，这种能力称为“超文本链接”，或简称“链接”。其使用的方式如下：
注意：我们可以将链接的对象分为两种：“绝对路径”与“相对路径”，绝对路径指的是网址，或称URL（如：http//www.ln.stats.gov.cn）；而相对路径则是指位于某一文件目录下的HTML文件（如：\himl\example.him）。 3.加入图片 HTML的另一个特色就是可以让我们加入许多的图片，使文件看起来更丰富。加入图片所使用的语法是<IMG>这个Tag，让我们看看下面这个实际的例子吧。
如果要调整图片的位置则可以用下面的语法：
另外，我们也可以将图片变成HomePage的背景。在B0DY的Tag中指定背景的语法：
当然，HTML也提供了设定色彩的功能，在HTML中，颜色的设定是以16位的RCB值来表示。 什么是RGB？ RGB代表的是光的三原色，R（Red）红色、G（Green）绿色、B（Blue）蓝色。这三种颜色由于混合比例的不同，就会形成各种不同的颜色。 在RGB值中共有6个数字，每种原色各占两个，00代表最暗的颜色，而FF则代表最亮的颜色。例如#123456，其中12是红色的值，34是绿色的值，56是蓝色的值。以下是几个比较常用的颜色对照表：
现在我们要将三段文字分别以不同的颜色表示，可以用下面的方式来表达：
您也可以指定背景的颜色，例如您想用黑色作为背景，就可以使用下面的语法：
|
|
HTML语法速查
|
|
对于这些内容及今后HTML标准的修改情况，请参考http://home.netscape.com/或http:/www.mictosoft.cm/Web站点的详细说明。 HTML标记 使用文本、头标。列表标记可以创建基本的HTML页面，在属性旁边的(MS)符号表示它仅用于Microsoft Internet Expforer。 comments标注 <！- … -> 创建注解，也可用于隐含浏览器不支持的JavaScript程序 <COMMENT>…</COMMENT>新方式标注的表示方法 |
|
| ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
|
二、头标和标题
| |||||||||||||||||||||||||||
三、段落的区域
|
四、链接
|
五、列表
|
六、字符格式
|
七、其他要素
|
八、图像、声音和嵌入媒体
| |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
九、表单
|
十、表格
|
十一、框架