HTML语言是一种标记语言,它不需要编译,由浏览器解释执行。它是由标记元素、字母和文字组成的纯文本文件。它可以用任何一种文字编辑器编辑,如记事本、写字板和WORD等,并以扩展名为.htm、.html的文件形式存储。HTML标记一般用一对尖括号"<>"括起来,以示区别。
可以使用HTML语言直接编写网页文件并在浏览器中浏览。使用任何网页编辑软件制作网页,都以HTML文件的形式存储。任何一种网页制作软件都有它的优点和特点,也会存在不足之处,可以使用HTML语言来进行修改和完善。
一、HTML文件结构
下面是一个简单的网页的HTML文件的结构:(大家可以用记事本照着敲进去,然后保存成.htm的文件就可以)
<html>
<head>
<title>东北人网络</title>
</head>
<body>
<p align="center">教育在线
</body>
</html>
说明:
<html>-----HTML文件开始标记,表示一个网页的开始;
<head>-----文件头开始标记,在与</head>结束标记内的一切文件都属于HTML文件的文件头,它只是负责定义这份HTML文件需要特殊处理的一些预先说明,并不属于HTML文件文本部分,因为此这部分内容并不在浏览器中显示;
</head>----文件头结束标记;
<body>-----文件体开始标记,是一个网页的主体。凡是想在浏览器中显示的内容,必须都写在<body>的下面;
</body>----文件体结束标记,写在它下面的内容在浏览器中都无法显示出来;
</html>----HTML文件结束标记,表示一个网页的结束。
以上就是一个HTML文件的三大结构,一般一个网页文件都以<html>开始,以</html>结束,文件内由文件头<head></head>和文件体<body></body>两部分组成。所以当在Dreamweaver中新建一个网页后,HTML代码里默认会显示:
<html>
<head></head>
<body></body>
</html>
这是一个网页最基本的结构。上面举的例子如果大家照着敲进了记事本里,然后再保存成.htm格式,直接双击保存的文件,就可以看到浏览器中会显示“教育在线”四个字,同时浏览器的标题栏会显示“东北人网络”。
接下来我们将仔细的来看一下各大结构。
1、标题标记<title></title>
通过上面简单的学习,相信大家一定会注意到,每一个标志都会由开始标记和结束标记组成。这是HTML的一个规则,大部分的标记都要有开始和结束。结束标记的书写方式都是在开始标记的字母前加“/”。
title标记是文件头中唯一一个必须出现的元素,它也只能出现在文件头中。也就是说,<title></title>只能放在<head>与</head>之间。它的功能是设置在浏览器标题栏中显示的文件标题。
它的书写格式为:<title>文件题目</title>
例:
<html>
<head>
<title>东北人网络</title>
</head>
<body></body>
</html>
将上段代码保存成HTML格式,双击浏览。就会发现在浏览器的标题栏中会显示"东北人网络"。
2、主体标记<body></body>
在上面我们已经提到过这对标记,主要是用来标记网页主体的开始与结束。凡是想在浏览器中显示出来的内容必须都要写在<body>与</body>之间。但当一个网页刚建立的时候,它会有默认的背景颜色、背景图像、文字的大小与字体等,这些都被称之为网页的属性。那么如果想对这些属性进行更改,我们该如何做呢?
在HTML中,<body>就是代表网页的主体,所以要改变网页的属性,就等于要改变<body>的属性。如果<body>中未指定任何选项,则代表网页采用默认的属性设置。如果想更改,就要在<body>中指定。
书写格式如下:
<body text|backgroud|bgcolor>
说明:
text----网页中文字的颜色;
bgcolor----网页背景颜色;
backgroud----网页背景图像;
例:
<body backgroud="/images/ad1.gif" text="#00ff00"></body>
上段代码表示,将网页背景图像指定为images文件夹中的ad1.gif。所以backgroud的后面跟的是图像的路径。text="#00ff00"表示将文字设定为黄色,#00ff00是颜色的十六进制代码值。
<body bgcolor="#ff0000"></body>表示将网页的背景颜色设为红色。
通过这一块的学习,主要是让大学对HTML语言有一些简单的认识,在下面的学习中,我们将更加详细的讲解HTML中各个标记的含义和用法!