1、 WEB 高手培训班之 HTML 篇edu.5151doc. 教育资源库记得在本人刚开始学习编写网页时曾向一位 Y GAD！这人简直是高手中的高手呀！”从此他在我心目中地位犹如伟人般的高大然而时过半年到了今天，他已经不再是我的偶像。因为我也能手写网页了，而且编写出的 L 语言。HTML 是由 L 的应用。用它的语法规则建立的文档可以运行在不同操作系统的平台上。因此，HTML 文档属于纯文本文件（它能用任意的文本编写器书写）。现在有很多网迷称 HTML 为程序语言，把写 HTML 文档理解为编程，这显然是走进了一个误区。在了解了 HTML 的定义后，接下来我们便来学习此语言。由于篇幅有限，本文不
2、可能把 HTML 语言的属性一一讲解。笔者只是选了一些比较重要而又广泛使用的元素进行分析。在进入正题前，我们先来看看下面这张网页源代码。（这是笔者个人主页的源代码，本文将围绕着此代码进行详解。）htmlheadmeta http-equiv=“Content-Type“ content=“text/html; charset=gb2312“title意境 /title/headbodytable border=“0“ “img src=“202.103.176.80/g/speaker/huaren/mypic1.gif“ alt=“共享程序网站进入口“ border=“0“ g src=“2
3、02.103.176.80/g/speaker/huaren/mypic2.gif“alt=“个人作品网站进入口“ “img src=“202.103.176.80/g/speaker/huaren/mypic4.gif“ alt=“华人主页进入口“ border=“0“/a/td/trtrtd g src=“202.103.176.80/g/speaker/huaren/mypic3.gif“ alt=“名家推荐网站进入口“/tdtd width=“17%“/td/tr/table/tdtd width=“10%“ valign=“top“ align=“center“/td/trtrtd
4、width=“10%“/tdtd width=“80%“/tdtd width=“10%“/td/tr/table/td/tr/table p123 下一页 这篇文章来自， /ptable border=“0“ arquee border=“0“ align=“middle“ scrolldelay=“120“若您需要帮助，请及时找我，联系 E-MAIL：dibazhonline.sh./marquee/font/strong/td/tr/table/td/tr/table/body/html看了这段代码后，您是否感到有些头晕呀？（这么多英文，好复杂呦！）其实这一点都不复杂，请听我慢慢道来。一
5、HTML/HTML元素。它表示了这个文档为 HTML 文档，即：我们所说的网页。二HEAD/HEAD元素。它是用来标明当前文档的若干信息。例如，文档标题，文档所用的字符集等等。在上例中，HEAD/HEAD中插入的 TITLE 和 META 元素就分别给HEAD 元素指明了题目（“意境”）以及所用的字符集（gb2312）。三TITLE/TITLE和META元素。上面已经提到过这两个元素分别代表的含义。TITLE 是给文档起个题目， META 是说明 HTML 所使用的一些信息。（注意：此元素不要与 HEAD 混淆，META 元素一般包括在 HEAD 元素中。） META 不仅能指明文档所用的字符
6、集，而且还能提供一些有趣的功能。例如：自动跳转网页（代码为：meta http-equiv=“refresh“content=“240（秒数）; url=breaker.126.（地址）“) 和网页出现方式（可以圆形打开网页，方形打开网页等等）。四四个表格元素。它是 HTML 中最主要的元素。它能够帮助您解决在排版上所遇到的众多问题，例如，文字与图象对齐等等。如果有人对您说我在制作网页时从来不用表格元素的话，那么此人的网页肯定称不上“精品”。1table/table。这是定义表格的元素，也可以说是表格的“身份证”。要想知道网页中总共有几张表格那就数一数有几对此元素便可。拿上例来看，总共有五对t
7、able/table，那么此张网页就有五张表格。另外此元素还附有一些属性，在此本人介绍几个比较重要的。Atable border=数字表示表格边框线的宽度。B. table border g。它是专门设置图片属性的元素。我们以上例中的这段代码进行分析：img src=“202.103.176.80/g/speaker/huaren/mypic1.gif“ alt=“共享程序网站进入口“ border=“0“ g src是指明了图片的路径。在ITERNENT 上若要能正常地显示您在网页中所设置的图片，那么您图片的路径必须正确。否则的话，图片不会呈现。img alt上一页 123 下一页 这篇文章
8、来自，这是表示在浏览器不能打开图片时显示的说明，这个说明可以是由您任意命名，但最好能写些有意义的文字。就如本人给此图片取名为“共享程序网站进入口”，也就是说当点击此图片时，网页会自动连接到共享程序网站同时打开此网站的首页。至于 border,arquee/marquee。这是 HTML 语言的高级技术运用元素。用它可以实现AIL： dibazhonline.sh./marquee”的这段代码就指明了文字以默认值 SCROLL 的方式进行滚动。3 LOOP。这是指定文字滚动的循环次数。当 LOOP=-1 或LOOP=INFINITE 时，则表明文字滚动是无限循环。4 SCROLLDELAY。这是
9、指文字滚动的速度。它的单位是毫秒。再看此代码“marqueeborder=“0“ align=“middle“ scrolldelay=“120“若您需要帮助，请及时找我，联系 E-MAIL：dibazhonline.sh./marquee ”，其中的“scrolldelay=“120“”表示，文字滚动速度为 120 毫秒。5 ALIGN。这是滚动文字的对齐属性也就是处于的位置。它有TOP（对齐上方），MIDDLE（对齐中部），BOTTOM（对齐下方）三个对象。上段代码中的“align=“middle“”则明确了文字的位置是在中部。另外，此元素不仅能够用在 MARQUEE 中而且在其他元素中也
10、经常用到，例如，TABLE，TD 等等。它们的用法与含义与 MARQUEE 是相同的。好了，HTML 介绍到此就该告已段落。现在再回首看一下上文开始时的网页代码，您是否觉得太简单了。（惨啦！又有一位网页高手出现了，我的“饭碗”不保。）是啊！作为网页编写语言HTML 它真的是非常容易。笔者只用了很少的时间便能彻底领悟它的精髓，我想对于聪明的读者来说肯定是不在话下的。在写本文时，笔者遇到一位电脑朋友，他劝我不要写这篇文章因为如今有很多网页编辑软件，如 ProntPage98，DreamL 呢？这位朋友的话初听起来不无道理，然而仔细想想便感到他的话缺乏“品味”。其实 HTML 语言是所有网页的基础，对于一个想成为 L 是必不可少的。就象今天我们虽有计算器，但在学数学时仍须从“1+1=2 ”开始一样，这就是基本功。要知道“建立在沙漠中的宫殿，再豪华也会倒塌的。”（因为缺乏基础！）最后，祝愿您们都能成为 WEB 高手！上一页 123这篇文章来自，
