迈出主页制作第一步－HTML代码分析
作者：未知 来源：未知 添加时间：2006-5-21 9:40:05HTML是由WEB的发明者Tim Berners-Lee和同事Daniel W.Connolly于1990年创立的一种标记式语言。它是标准通用化标记语言SGML的应用。用它的语法规则建立的文档可以运行在不同操作系统的平台上。因此，HTML文档属于纯文本文件（它能用任意的文本编写器书写）。现在有很多网迷称HTML为程序语言，把写HTML文档理解为编程，这显然是走进了一个误区。
在了解了HTML的定义后，接下来我们便来学习此语言。由于篇幅有限，本文不可能把HTML语言的属性一一讲解。笔者只是选了一些比较重要而又广泛使用的元素进行分析。
在进入正题前，我们先来看看下面这张网页源代码。（这是笔者个人主页的源代码，本文将围绕着此代码进行详解。）
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>意境</title>
</head>
<body>
<table border="0" width="100%" cellpadding="0">
<tr>
<td width="100%"><p align="center"><font face="隶书" size="6" color="#FF00FF"><strong>欢迎进入华人网站</strong></font></td>
</tr>
</table>
<table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td width="100%"><table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td width="10%" valign="top" align="center"></td>
<td width="80%" valign="top"><table border="0" width="100%" cellspacing="0" cellpadding="0">
<tr>
<td width="17%"></td>
<td width="17%">
<a href="http://202.103.176.80/g/speaker/cool.htm">
<img src="/edu/files/pic/2006-5/21/0652109400565603.gif" alt="共享程序网站进入口" border="0" width="180" height="90">。其中<img src>是指明了图片的路径。在ITERNENT上若要能正常地显示您在网页中所设置的图片，那么您图片的路径必须正确。否则的话，图片不会呈现。<img alt>这是表示在浏览器不能打开图片时显示的说明，这个说明可以是由您任意命名，但最好能写些有意义的文字。就如本人给此图片取名为“共享程序网站进入口”，也就是说当点击此图片时，网页会自动连接到共享程序网站同时打开此网站的首页。至于border,width,height这些属性很简单，即：图片的边框线宽度，图片的宽度以及图片的高度。它与表格的border,width,height属性定义差不多，只是前者是针对图片，而后者是针对表格。
七．<a href></a>。这是一个超连接的元素。在href后面写下欲连接的网址，在<a href>与<a>之间写入文字或插入图片，那么您的超连接就完成了。怎么样很容易吧！
八．<marquee></marquee>。这是HTML语言的高级技术运用元素。用它可以实现WEB中文字的滚动效果，让您的网页更具有动态魅力。这个元素支持以下几个属性：
1． DIRECTION。它是指定文字的滚动方向，例如，<marquee direction=right>就是指文字从左向右滚动。除了right，我们还可以用left（从右到左）,up（自下往上）,down（由上朝下）来设定文字的方向。
2． BEHAVIOR。这是指定文字的滚动方式。它有三个对象：SCROLL，SLIDE，ALTERNATE。这三个对象分别代表了环绕滚动，滚动一次和来回滚动。其中，环绕滚动（即SCROLL）是滚动方式（BEHAVIOR）的默认值。例如上例中的“<marquee border="0" align="middle" scrolldelay="120">若您需要帮助，请及时找我，联系E-MAIL：dibazh@online.sh.cn</marquee>”的这段代码就指明了文字以默认值SCROLL的方式进行滚动。
3． LOOP。这是指定文字滚动的循环次数。当LOOP=-1或LOOP=INFINITE时，则表明文字滚动是无限循环。
4． SCROLLDELAY。这是指文字滚动的速度。它的单位是毫秒。再看此代码“<marquee border="0" align="middle" scrolldelay="120">若您需要帮助，请及时找我，联系E-MAIL：dibazh@online.sh.cn</marquee>”，其中的“scrolldelay="120"”表示，文字滚动速度为120毫秒。
5． ALIGN。这是滚动文字的对齐属性也就是处于的位置。它有TOP（对齐上方），MIDDLE（对齐中部），BOTTOM（对齐下方）三个对象。上段代码中的“align="middle"”则明确了文字的位置是在中部。另外，此元素不仅能够用在MARQUEE中而且在其他元素中也经常用到，例如，TABLE，TD等等。它们的用法与含义与MARQUEE是相同的。
好了，HTML介绍到此就该告已段落。现在再回首看一下上文开始时的网页代码，您是否觉得太简单了。（惨啦！又有一位网页高手出现了，我的“饭碗”不保。）是啊！作为网页编写语言――HTML它真的是非常容易。笔者只用了很少的时间便能彻底领悟它的精髓，我想对于聪明的读者来说肯定是不在话下的。
在写本文时，笔者遇到一位电脑朋友，他劝我不要写这篇文章因为如今有很多网页编辑软件，如ProntPage98，Dreamweaver3等等，它们都能自动生成网页，为何还需研究HTML呢？这位朋友的话初听起来不无道理，然而仔细想想便感到他的话缺乏“品味”。其实HTML语言是所有网页的基础，对于一个想成为WEB高手的您来讲，学习HTML是必不可少的。就象今天我们虽有计算器，但在学数学时仍须从“1+1=2”开始一样，这就是基本功。要知道“建立在沙漠中的宫殿，再豪华也会倒塌的。”（因为缺乏基础！）
最后，祝愿您们都能成为WEB高手！若有问题，请E-MAIL本人:dibazh@online.sh.cn。
站内搜索