您的位置： ASP基础教程日志内容

2.1 常用的HTML标记－基本结构标记

作者:admin 日期:2007-10-05

字体大小: 小中大

2.1 基本结构标记
        HTML语言是由一些标记、字母和文字组成的，可用你所熟悉的任何文字编辑器来编辑它，例如EDIT、VI、WS、Word等。通过其中简单的标记，可以让Web页面生动、活泼并且声图文并茂，这就是HTML语言的特点。所以，你只要了解一些常用的HTML标记就行了，因此，学起来很容易。
        但切记，纯HTML语言文件一定要以纯文本方式保存，因为浏览器只认识纯文本格式的文件，并且文件名要存为*.HTML或*.HTM形式。
        下面我们就开始认识这些标记吧。

2.1.1 序与注释标记
        在HTML文件开头的第一行，为了帮助浏览器了解文章所遵循的HTML版本信息，一般要加一个序，例如:<!DOCTYPE HTML public "-//W30//DTD HTML 3.2//EN">
        它告诉Web浏览器这是一个HTML文件，规格是3.2。如果没有这个序，浏览器会假设它是存在的。
        其中，“<!”与“>”（也可写为“<!–”与“–>”）为注释标记，在这对符号之间的内容不被浏览器显示。写上注释可使HTML文件更容易理解。

2.1.2 开始与结束标记<HTML> </HTML>
        HTML文档的开始标记是<HTML>，它告诉浏览器下面的内容是HTML文档,在HTML文档结束处要有对应的</HTML>标记,它告诉浏览器HTML文档结束了。
        语法格式：
                <HTML>
                从这里开始的内容为HTML文档。
                </HTML>

2.1.3 头部标记<head></head>
        HTML文档的头部标记是<head>，它告诉浏览器下面的内容是HTML文档的头部,显示在文本之前，而</head>标记告诉浏览器头部内容结束了。
        语法格式：
                <head>
                HTML文档的头部内容
                </head>
        头部里面一般包括注释，META和标题。

2.1.4   标题标记<title></title>
        <title>和</title>标记中间所包含的文字，就是这个Web页面的标题，它写在头部标记之中。标题会显示在Web浏览器最上面的title(标题)栏的位置。用户可以把标题加入Bookmark(书签)中，还可以提供加入Hostlist或Bookmark列表的文本，所以一定要使<title>文本有明确的意义，最好用中文。
        语法格式：
                <title>Web页面的标题</title>

2.1.5 主体标记<body></body>
        <body>标记是Web页面主体的开始，对应结束符是</body>。Web页面的主要内容都在<body>标记之中。<body>还有一些属性可以设定背景色，背景图形等。
        语法格式：
        <body>
                这里为HTML文档的主体内容。
        </body>
        下面看一个简单的例子，从中可以了解用HTML语言是如何编写Web页面程序的，要说明的是文件2-1.HTML是一个文本文件，可用任何编辑器编写。打开一个常用的文本编辑器，将例2-1中<HTML>一直到</HTML>的所有标记和文字写下来，如果你用的是Word文本编辑器，在保存文件时在“保存类型”中选择“纯文本”，在文件名中写2-1.HTML。
        例：2-1.HTML,来看看HTML语言的结构是什么模样。

XML/HTML代码

<HTML>
<head>
<title> HTML语言的结构</title>
</head>
<body>
看看HTML语言的结构使用HTML语言编写文件，了解HTML语言的结构。
</body>
</HTML>

        在IE浏览器的地址栏中直接输入要打开的文件名，如F：\asp\2-1.HTML，按回车键或在IE浏览器菜单【文件】的下拉菜单中选择“打开”命令，在“打开”窗口按[浏览]按钮，通过“搜寻”窗口找到要打开的文件，如F：\asp\2-1.HTML,然后单击[打开]按钮、[确定]按钮即可在浏览器中看到图2.1的页面。

        语法格式：
                <body [bgcolor=#|text=#|link=#|alink=#|vlink=#|background=图形文件名]>
                文档内容
                </body>
        说明：<body>标记还有确定整个文件的背景色、前景色等基本属性。其中，bgcolor指定HTML的背景颜色；text指定HTML文件中文字色彩属性；link指定HTML文件中待连接超链接对象色彩属性；alink指定HTML文件中连接超链接对象色彩属性；vlink指定HTML文件中已连接超链接对象色彩属性；background指定HTML背景为平铺图像（这个功能最好不用，它会大大降低显示速度）。
        各属性的参数值可以是用英文描述的颜色如“red”、“blue”、“yellow”等，也可以是#与6位16进制数,每种颜色两位16进制数，从00到FF，代表10进制数的0…255,前两位设置红色的深浅，中间两位设置绿色的深浅，后两位设置蓝色的深浅。如红色可以表示为“#ff0000”，蓝色可以表示为“#0000ff”等。各属性可选择使用。
        提示：[ ]中的属性可选可不选，|表示可同时选的属性。你可以选择其中的一个、部分和全部。
        从上面这四个标记可以看到HTML语言的标记是对称使用的，开始为<标记>,结束为</标记>，这一点在写HTML语言时一定要牢记哦。不过，也有个别的标记是单独出现的。你可能还看到标记里的英文字母都是大写，其实小写也没有关系，这里是为了使标记显著一点才使用大写的。