首 页免费资源建站技术源码下载软件下载精品淘吧客户留言
用户登陆 | 用户注册
您当前的位置:笃志小屋建站技术网页设计Html&Xhtml → 文章内容
连载教程---HTML从零开始(一)
作者:佚名  来源:不详  发布时间:2007-10-9 15:30:12

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中各个标记的含义和用法!
2007-10-9 15:30:12免费资源duzhi.net

[ ] [返回上一页] [打 印]

【笃志小屋duzhi.net】

  技术文章导航
  技术文章排行
  精彩推荐
Copyright www.duzhi.net All Right Reserved.
设计制作:翼迅设计室 Equick Desgin Home 在线QQ:303471038
网络备案号:冀ICP备06008201号 站长信箱:webmaster#duzhi.net(将#换为@)
本站部分文章和图片来源于网络和内容提供伙伴,如果侵犯了您的权利,请留言告知,本站定会及时删除相关文件!