MIME-Version: 1.0 Content-Location: file:///C:/701A9A2A/file1594.htm Content-Transfer-Encoding: quoted-printable Content-Type: text/html; charset="us-ascii" HTML是由WEB的发明者Tim Berners-Lee和同事Daniel W

HTML是由WEB的发明者Tim Berners-Lee和同事Daniel W.Connolly<= span lang=3DEN-US style=3D'font-size:15.0pt;mso-bidi-font-size:9.0pt;font-family= :\02CE\0325; color:#333333'>1990年创立的一种&= #26631;记式语言。它是标= 934;通用化标记语言SGML的应用。用它&= #30340;语法规则建立的文= 723;可以运行在不同操作= ;系统的平台上。因此&#= 65292;HTML文档属于纯文&= #26412;文件(它能用任意= 340;文本编写器书写)。= ;现在有很多网迷称HTML为程序语言,&= #25226;写HTML文档理解为编&= #31243;,这显然是走进了= 968;个误区。

  在了解了HTML的定义后,接&= #19979;来我们便来学习此#= 821;言。由于篇幅有限,= ;本文不可能把HTML语言的属性一&= #19968;讲解。笔者只是选= 102;一些比较重要而又广= ;泛使用的元素进行分&#= 26512;。

  在进入正题前ʌ= 92;我们先来看看下面这= 张网页源代码。(这= 6159;笔者个人主页的源ߣ= 5;码,本文将围绕着此&= #20195;码进行详解。)

  <html>
  <head>
  <meta http-equiv=3D"Content-Type" content=3D"text/html; charset=3Dgb2312&quo= t;>
  <title>意境</title>
  </head>
  <body>
  <table border=3D"0" width=3D"100%" cellpadding=3D"0">
  <tr>
  <td width=3D"100%"><p align=3D"center"><font face=3D"隶书" size=3D"6" color=3D"#FF00FF"><strong>欢迎进= 0837;华人网站</strong></font></td>
  </tr>
  </table>
  <table border=3D"0" width=3D"100%" cellspacing=3D"0" cell= padding=3D"0">
  <tr>
  <td width=3D"100%"><table border=3D"= 0" width=3D"100%" cellspacing=3D"0&= quot; cellpadding=3D"0">
  <tr>
  <td width=3D"10%" valign=3D"top" align=3D"center"></td>
  <td width=3D"80%" valign=3D"top"><table border=3D"0" width=3D"100%" cellsp= acing=3D"0" cellpadding=3D"0">
  <tr>
  <td width=3D"17%"></td>
  <td width=3D"17%">
  <a href=3D"http://202.10= 3.176.80/g/speaker/cool.htm">
  <img src= =3D"http://202.103.176.80/g/speaker/huaren/mypic1.gif" alt=3D"共享程序网站进= 837;口" border=3D"0" width=3D"180" height=3D"90"></a></td>
  <td width=3D"17%"></td>
  </tr>
  <tr>
  <td width=3D"17%"></td>
  <td width=3D"17%"></td>
  <td width=3D"17%"></td>
  </tr>
  <tr>
  <td width=3D"17%">
  <img src= =3D"http://202.103.176.80/g/speaker/huaren/mypic2.gif"
  alt=3D"个人作品网站&= #36827;入口" width=3D"180" height=3D"90"></td>
  <td width=3D"17%"></td>
  <td width=3D"17%"><a href=3D"http://202.103.176.80/g/speaker/dault.htm">
  <img src= =3D"http://202.103.176.80/g/speaker/huaren/mypic4.gif" alt=3D"华人主页进入口
" border=3D"0"></a></td>
  </tr>
  <tr>
  <td width=3D"17%"></td>
  <td width=3D"17%"> <p> </= td>
  <td width=3D"17%"></td>
  </tr>
  <tr>
  <td width=3D"17%"></td>
  <td width=3D"17%">
  <img src= =3D"http://202.103.176.80/g/speaker/huaren/mypic3.gif" alt=3D"名家推荐网站进= 837;口"></td>
  <td width=3D"17%"></td>
  </tr>
  </table>
  </td>
  <td width=3D"10%" valign=3D"top" align=3D"center"></td>
  </tr>
  <tr>
  <td width=3D"10%"></td>
  <td width=3D"80%"></td>
  <td width=3D"10%"></td>
  </tr>
  </table>
  </td>
  </tr>
  </table>

  <p> </= p>

  <table border=3D"0" width=3D"100%" cellpadding=3D"0">
  <tr>
  <td width=3D"100%"><table border=3D"= 0" width=3D"100%" cellpadding=3D"0&= quot;>
  <tr>
  <td width=3D"100%"><p align=3D"center"><strong><font face=3D"隶书= " color=3D"#A6A6FF"><= span lang=3DEN-US style=3D'font-size:15.0pt;mso-bidi-font-size:9.0pt;font-family= :\02CE\0325; color:#333333'>OOO年三月三十日制= 316;完成</font></strong></td>
  </tr>
  <tr>
  <td width=3D"100%"><p align=3D"center"><font face=3D"隶书" color=3D"#A6A6FF"><strong><= span style=3D'font-size:15.0pt;mso-bidi-font-size:9.0pt;font-family:SimSun;mso-a= scii-font-family: \02CE\0325;mso-hansi-font-family:\02CE\0325;color:#333333'>谢谢= 您的光临</strong></font></td>
  </tr>
  <tr>
  <td width=3D"100%"><p align=3D"center"><strong><font face=3D"隶书= " color=3D"#A6A6FF">华人= 网站站长:张鸣</font></strong></td>
  </tr>
  <tr>

  <td width=3D"100%"><strong><font face=3D"隶书" color=3D"#A6A6FF">
  <marquee border=3D"0" align=3D"middle"= ; scrolldelay=3D"120">
  若您需要帮助ʌ= 92;请及时找我,联系<= span lang=3DEN-US style=3D'font-size:15.0pt;mso-bidi-font-size:9.0pt;font-family= :\02CE\0325; color:#333333'>E-MAILdibazh@online.sh.cn</marquee></font></strong></td>
  </tr>
  </table>
  </td>
  </tr>
  </table>
  </body>
  </html>
  看了这段代码×= 18;,您是否感到有些头= 晕呀?(这么多英文= 5292;好复杂呦!)其实๢= 5;一点都不复杂,请听&= #25105;慢慢道来。

  一.<HTML></HTML>元素。= 3427;表示了这个文档为HTML文档,即:我&= #20204;所说的网页。

  二.<HEAD></HEAD>元素。= 3427;是用来标明当前文ੰ= 3;的若干信息。例如,&= #25991;档标题,文档所用= 340;字符集等等。在上例= ;中,<HEAD></HEAD>中插入= 0340;TITLEMETA<= /span>元素= 就分别给HEAD元素指明了题&= #30446;(意境)以及所用的&= #23383;符集(gb2312)。

  三.<TITLE></TITLE><META>元素。上面已&= #32463;提到过这两个元素= 998;别代表的含义。TITLE是给文档起个&= #39064;目,META是说明HTML所使用的一些&= #20449;息。(注意:此元 = 032;不要与HEAD混淆,META元素一般包括&= #22312;HEAD元素中。)META
不仅能指明文&= #26723;所用的字符集,而= 988;还能提供一些有趣的= ;功能。例如:自动跳&#= 36716;网页(代码为:<meta http-equiv=3D"refresh" content=3D"24= 0(秒= 数); url=3Dhttp://breaker.126.com(地= 址)">)和网页出现方&= #24335;(可以圆形打开网'= 029;,方形打开网页等等= ;)。

  四.四个表格Ð= 03;素。它是HTML中最主要的元&= #32032;。它能够帮助您解= 915;在排版上所遇到的众= ;多问题,例如,文字&#= 19982;图象对齐等等。如ĉ= 24;有人对您说我在制作= 网页时从来不用表格= 0803;素的话,那么此人௚= 0;网页肯定称不上精品

  1<table>= ;</table>。这= 是定义表格的元素,= 0063;可以说是表格的身份证。要想知道网&= #39029;中总共有几张表格%= 027;就数一数有几对此元= ;素便可。拿上例来看&#= 65292;总共有五对<table></table>,那么= 7492;张网页就有五张表੬= 4;。另外此元素还附有&= #19968;些属性,在此本人= 171;绍几个比较重要的。= ;

  A<table border=3D数字><= span style=3D'font-size:15.0pt;mso-bidi-font-size:9.0pt;font-family:SimSun;mso-a= scii-font-family: \02CE\0325;mso-hansi-font-family:\02CE\0325;color:#333333'>表示= 表格边框线的宽度。


  B. <table border width=3D数字;height=3D数字><= span style=3D'font-size:15.0pt;mso-bidi-font-size:9.0pt;font-family:SimSun;mso-a= scii-font-family: \02CE\0325;mso-hansi-font-family:\02CE\0325;color:#333333'>指定= 整个表格的宽度及高= 4230;。

  C. <table border cellspacing= =3D数字= >表示两个单元&= #26684;之间的距离。

  D. <table border cellpadding= =3D数字= >表示单元格的&= #22823;小。

  注意:上面的数字可用正整数表&= #31034;,也可用百分数表= 034;。他们的单位都是= 象素。另外,笔者&= #22312;此推荐各位在编写 = 593;页时最好用正整数来= ;表示,因为这比较直&#= 35266;。而用百分数来写į= 40;话,还需经过换算才= 能知道您表格或单元= 6684;的大小。

  2<tr></tr><= span style=3D'font-size:15.0pt;mso-bidi-font-size:9.0pt;font-family:SimSun;mso-a= scii-font-family: \02CE\0325;mso-hansi-font-family:\02CE\0325;color:#333333'>。这= 是用来定义表行的元= 2032;。即:表格中行的身份证。在表格中有&= #20960;对此元素就表示当= 069;表格中有几行。

  3<td>&l= t;/td>。关= 于此对元素的定义在= 4456;多书中的解释都很ߎ= 7;业,对初识HTML语言的朋友来&= #35762;很难理解。现本人$= 890;过自己的领悟而给它= ;一个的定义:<td></td>是表示= 9968;行中单元格的元素Ӎ= 0;同上原理,一行中有&= #20960;对此元素,就有几= 010;单元格。

  4<th></th><= span style=3D'font-size:15.0pt;mso-bidi-font-size:9.0pt;font-family:SimSun;mso-a= scii-font-family: \02CE\0325;mso-hansi-font-family:\02CE\0325;color:#333333'>。它= 是用来定义表头,但= 7492;元素在今天已经不६= 0;用到了。因此,笔者&= #20063;不多作介绍。


  五.<font></font>。此元= 2032;规定了字体运用的ਬ= 1;式,它有三个属性:<= /span>SIZECOLOR= <= span lang=3DEN-US style=3D'font-size:15.0pt;mso-bidi-font-size:9.0pt;font-family= :\02CE\0325; color:#333333'>FACE。这分别代表&= #20102;字体的大小,颜色= 450;哪种字体。例如上面= ;的网页中这段代码<font face=3D"隶书" size=3D"6" color=3D"#(可= 以省略)FF00FF"><strong>欢迎进= 0837;华人网站</strong></font>它表示= 0102;欢迎进入华人&= #32593;站这八个文字,&= #29992;隶书六号粗(<strong></strong>代表粗= 3383;体)字体紫红色在಻= 3;页中显示出来。另外&= #65292;color=3D"#FF00FF" 代码中= 0340;“#”可以省略。

  六.<img>。它= 是专门设置图片属性= 0340;元素。我们以上例ߑ= 3;的这段代码进行分析&= #65306;
  <img src= =3D"http://202.103.176.80/g/speaker/huaren/mypic1.gif" alt=3D"共享程序网站进= 837;口" border=3D"0" width=3D"180" height=3D"90">。其中<img src= >是指= 明了图片的路径。在
ITERNENT上若要能正常&= #22320;显示您在网页中所#= 774;置的图片,那么您图= ;片的路径必须正确。&#= 21542;则的话,图片不会×= 76;现。<img alt>这是= 表示在浏览器不能打= 4320;图片时显示的说明ᦁ= 2;这个说明可以是由您&= #20219;意命名,但最好能= 889;些有意义的文字。就= ;如本人给此图片取名&#= 20026;共享程序网站&= #36827;入口,也就是说当&= #28857;击此图片时,网页= 250;自动连接到共享程序= ;网站同时打开此网站&#= 30340;首页。至于border,width,height这些= 属性很简单,即:图= 9255;的边框线宽度,图୭= 5;的宽度以及图片的高&= #24230;。它与表格的border,width,height属性= 定义差不多,只是前= 2773;是针对图片,而后್= 3;是针对表格。

  七.<a href></a><= span style=3D'font-size:15.0pt;mso-bidi-font-size:9.0pt;font-family:SimSun;mso-a= scii-font-family: \02CE\0325;mso-hansi-font-family:\02CE\0325;color:#333333'>。这= 是一个超连接的元素= 2290;在href后面写= 9979;欲连接的网址,在<a href><= span lang=3DEN-US style=3D'font-size:15.0pt;mso-bidi-font-size:9.0pt;font-family= :\02CE\0325; color:#333333'><a>之间写入文字&= #25110;插入图片,那么您= 340;超连接就完成了。怎= ;么样很容易吧!

  八.<marquee></marquee>。这是
HTML语言的高级技&= #26415;运用元素。用它可= 197;实现WEB中文字的滚动效= 524;,让您的网页更具有= ;动态魅力。这个元素&#= 25903;持以下几个属性:

  1 DIRECTION。它= 是指定文字的滚动方= 1521;,例如,<marquee direction=3Dright>就是指= 5991;字从左向右滚动。༊= 0;了right,我们还可以&= #29992;left(从右到左)<= /span>,up(自下往上),down(由上朝下)&= #26469;设定文字的方向。

  2 BEHAVIOR。这= 是指定文字的滚动方= 4335;。它有三个对象:SCROLLSLIDE= <= span lang=3DEN-US style=3D'font-size:15.0pt;mso-bidi-font-size:9.0pt;font-family= :\02CE\0325; color:#333333'>ALTERNATE。这三个对象&= #20998;别代表了环绕滚动A= 292;滚动一次和来回滚动= ;。其中,环绕滚动(&#= 21363;SCROLL)是滚动方式&= #65288;BEHAVIOR)的默认值。&= #20363;如上例中的“<marquee border=3D"0" align=3D"midd= le" scrolldelay=3D"120">若您= 需要帮助,请及时找= 5105;,联系E-MAILdibazh@online.sh.cn</marquee>”的这段= 0195;码就指明了文字以࿢= 4;认值SCROLL的方式进行滚&= #21160;。

  3 LOOP= 。这= 是指定文字滚动的循= 9615;次数。当LOOP=3D-1LOOP= =3DINFINITE时,= 则表明文字滚动是无= 8480;循环。

  4 SCROLLDELAY= 。这= 是指文字滚动的速度= 2290;它的单位是毫秒。ࠧ= 7;看此代码“<marquee border=3D"0" align=3D"midd= le" scrolldelay=3D"120">若您= 需要帮助,请及时找= 5105;,联系E-MAILdibazh@online.sh.cn</marquee>”,其中= 0340;scrolldelay=3D"120&q= uot;”表示= ,文字滚动速度为120毫秒。

  5 ALIGN。这= 是滚动文字的对齐属= 4615;也就是处于的位置Ӎ= 0;它有TOP(对齐上方),MIDDLE(对齐中部)&= #65292;BOTTOM(对齐下方)&= #19977;个对象。上段代码= 013;的“align=3D"middle"”则明= 确了文字的位置是在= 0013;部。另外,此元素ߎ= 1;仅能够用在MARQUEE中而且在其他&= #20803;素中也经常用到,= 363;如,TABLETD等等= 。它们的用法与含义= 9982;MARQUEE是相同的。

  好了,HTML介绍到此就该&= #21578;已段落。现在再回'= 318;看一下上文开始时的= ;网页代码,您是否觉&#= 24471;太简单了。(惨啦ʌ= 81;又有一位网页高手出= 现了,我的饭碗不保。)是啊&= #65281;作为网页编写语言――HTML它真的= 6159;非常容易。笔者只ஷ= 2;了很少的时间便能彻&= #24213;领悟它的精髓,我= 819;对于聪明的读者来说= ;肯定是不在话下的。

  在写本文时,Ļ= 08;者遇到一位电脑朋友= ,他劝我不要写这篇= 5991;章因为如今有很多಻= 3;页编辑软件,如ProntPage98Dream= weaver3等等= ,它们都能自动生成= 2593;页,为何还需研究HTML呢?这位朋友&= #30340;话初听起来不无道= 702;,然而仔细想想便感= ;到他的话缺乏品味。其实HTML语言是所有网&= #39029;的基础,对于一个= 819;成为WEB高手的您来讲,= 398;习HTML是必不可少的&= #12290;就象今天我们虽有#= 745;算器,但在学数学时= ;仍须从“1+1=3D2”开始一= 6679;,这就是基本功。ව= 1;知道建立在沙漠中&= #30340;宫殿,再豪华也会= 498;塌的。(因为缺乏基&= #30784;!)

  最后,祝愿您Ê= 04;都能成为WEB高手!若有问题A= 292;请E-MAIL本人:dibazh@online.sh.cn