在此教程中,我先讲一下Html的4个基本标签:
1.<html></html>
2.<head></head>
3.<body></body>
4.<title></title>
1.<html></html>
<html>标志用于Html文档的最前边,用来标识Html文档的开始。而</html>标志恰恰相反,它放在Html文档的最后边,用来标识Html文档的结束,两个标志必须一块使用。
2.<head></head>
<head>和</head>构成Html文档的开头部分,在此标志对之间可以使用<title></title>、<script></script>等等标志对,这些标志对都是描述Html文档相关信息的标志对,<head></head>标志对之间的内容是不会在浏览器的框内显示出来的。两个标志必须一块使用。
3.<body></body>
<body></body>是Html文档的主体部分,在此标志对之间可包含<p>、</p>、 <h1>、</h1>、<br>、<hr>等等众多的标志,它们所定义的文本、图像等将会在浏览器的框内显示出来。两个标志必须一块使用。<body>标志中还可以有以下属性:
属性 用途 实例
<body bgcolor="#rrggbb"> 设置背景颜色。 <body bgcolor="red">红色背景
<body text="#rrggbb"> 设置文本颜色。 <body text="#0000ff">蓝色文本
<body link="#rrggbb"> 设置链接颜色。 <body link="blue">链接为蓝色
<body vlink="#rrggbb"> 设置已使用的链接的颜色。 <body vlink="#ff0000">
<body alink="#rrggbb"> 设置正在被击中的链接的颜色 <body alink="yellow">
说明:以上各个属性可以结合使用,如<body bgcolor="red" text="#0000ff">。引号内的rrggbb是用六个十六进制数表示的RGB(即红、绿、蓝三色的组合)颜色,如#ff0000对应的是红色。此外,还可以使用Html语言所给定的常量名来表示颜色:Black、White、Green、Maroon、Olive、Navy、Purple、Gray、Yellow、Lime、Agua、Fuchsia、Silver、Red、Blue和Teal,如<body text="Blue">表示<body></body>标志对中的文本使用蓝色显示在浏览器的
框内。
4.<title></title>
使用过浏览器的人可能都会注意到浏览器窗口最上边蓝色部分显示的文本信息,那些信息一般是网页的“主题”,要将您的网页的主题显示到浏览器的顶部其实很简单,只要在<title></title>标志对之间加入您要显示的文本即可。注意:<title></title>标志对只能放在<head></head>标志对之间。
下面是一个综合的例子,仔细阅读,您便可以了解以上各个标签在一个Html文档中的正确使用方法了。
例1 Html文档中基本标签的使用:
<html>
<head>
<title>显示在浏览器最上边蓝色条中的文本</title>
</head>
<body bgcolor="red" text="blue">
<p>红色背景、蓝色文本</p>
</body>
</html>
说明:如果你从没接触html,不知怎样实现这个例子,可以这样做:
1.单击"开始"→"程序"→"附件"→"记事本"
2.将上方的蓝色html代码输入记事本中,单击记事本的"文件"菜单,选"保存"命令.
3.在弹出的"保存"对话框中,"保存位置"我们选D:盘,文件名我们输入abc.htm或abc.html(注意:记事本默认的扩展名是.txt,这里一定要改成.htm或.html),下方的"保存类型"列表框中选"所有文件",单击"保存"按钮.
4.在浏览器中打开我们保存的文件,即可。