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>新方式标注的表示方法 |
| ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
二、头标和标题
|
三、段落的区域
|
四、链接
|
五、列表
|
六、字符格式
|
七、其他要素
|
八、图像、声音和嵌入媒体
|
九、表单
|
十、表格
|
十*、框架
下页: |