《html代码分析》由会员分享，可在线阅读，更多相关《html代码分析（4页珍藏版）》请在金锄头文库上搜索。
1、迈出主页制作第一步HTML 代码分析HTML 是由 WEB 的发明者 Tim Berners-Lee 和同事 Daniel W.Connolly 于 1990 年创立的一种标记式语言。它是标准通用化标记语言 SGML 的应用。用它的语法规则建立的文档可以运行在不同操作系统的平台上。因此，HTML 文档属于纯文本文件（它能用任意的文本编写器书写） 。现在有很多网迷称 HTML 为程序语言，把写 HTML 文档理解为编程，这显然是走进了一个误区。在进入正题前，我们先来看看下面这张网页源代码。 （这是笔者个人主页的源代码，本文将围绕着此代码进行详解。 ）意境欢迎进入华人网站二 OOO 年三月三十日制
2、作完成谢谢您的光临华人网站站长：张鸣若您需要帮助，请及时找我，联系 E-MAIL：看了这段代码后，您是否感到有些头晕呀？（这么多英文，好复杂呦！）其实这一点都不复杂，请听我慢慢道来。一元素。它表示了这个文档为 HTML 文档，即：我们所说的网页。二元素。它是用来标明当前文档的若干信息。例如，文档标题，文档所用的字符集等等。在上例中，中插入的 TITLE 和 META 元素就分别给 HEAD 元素指明了题目（“意境” ）以及所用的字符集（gb2312） 。三和元素。上面已经提到过这两个元素分别代表的含义。TITLE 是给文档起个题目，META 是说明 HTML 所使用的一些信息。 （注意：此元素
3、不要与 HEAD 混淆，META 元素一般包括在HEAD 元素中。 ）META 不仅能指明文档所用的字符集，而且还能提供一些有趣的功能。例如：自动跳转网页（代码为：)和网页出现方式（可以圆形打开网页，方形打开网页等等） 。四四个表格元素。它是 HTML 中最主要的元素。它能够帮助您解决在排版上所遇到的众多问题，例如，文字与图象对齐等等。如果有人对您说我在制作网页时从来不用表格元素的话，那么此人的网页肯定称不上“精品” 。1。这是定义表格的元素，也可以说是表格的“身份证” 。要想知道网页中总共有几张表格那就数一数有几对此元素便可。拿上例来看，总共有五对，那么此张网页就有五张表格。另外此元素还附有
4、一些属性，在此本人介绍几个比较重要的。A表示表格边框线的宽度。B. 指定整个表格的宽度及高度。C. 表示两个单元格之间的距离。D. 表示单元格的大小。注意：上面的“数字”可用正整数表示，也可用百分数表示。他们的单位都是“象素” 。另外，笔者在此推荐各位在编写网页时最好用正整数来表示，因为这比较直观。而用百分数来写的话，还需经过换算才能知道您表格或单元格的大小。2。这是用来定义表行的元素。即：表格中行的“身份证” 。在表格中有几对此元素就表示当前表格中有几行。3。关于此对元素的定义在很多书中的解释都很专业，对初识 HTML 语言的朋友来讲很难理解。现本人通过自己的领悟而给它一个的定义：是表示一行
5、中单元格的元素。同上原理，一行中有几对此元素，就有几个单元格。4。它是用来定义表头，但此元素在今天已经不常用到了。因此，笔者也不多作介绍。五。此元素规定了字体运用的方式，它有三个属性：SIZE，COLOR，FACE。这分别代表了字体的大小，颜色及哪种字体。例如上面的网页中这段代码欢迎进入华人网站它表示了“欢迎进入华人网站”这八个文字，用隶书六号粗（代表粗字体）字体紫红色在网页中显示出来。另外，color=“#FF00FF“ 代码中的“#”可以省略。六。它是专门设置图片属性的元素。我们以上例中的这段代码进行分析：。其中是指明了图片的路径。在 ITERNENT 上若要能正常地显示您在网页中所设置的
6、图片，那么您图片的路径必须正确。否则的话，图片不会呈现。这是表示在浏览器不能打开图片时显示的说明，这个说明可以是由您任意命名，但最好能写些有意义的文字。就如本人给此图片取名为“共享程序网站进入口” ，也就是说当点击此图片时，网页会自动连接到共享程序网站同时打开此网站的首页。至于 border,width,height 这些属性很简单，即：图片的边框线宽度，图片的宽度以及图片的高度。它与表格的 border,width,height 属性定义差不多，只是前者是针对图片，而后者是针对表格。七。这是一个超连接的元素。在 href 后面写下欲连接的网址，在与之间写入文字或插入图片，那么您的超连接就完成
7、了。怎么样很容易吧！八。这是 HTML 语言的高级技术运用元素。用它可以实现 WEB 中文字的滚动效果，让您的网页更具有动态魅力。这个元素支持以下几个属性：1 DIRECTION。它是指定文字的滚动方向，例如，就是指文字从左向右滚动。除了 right，我们还可以用 left（从右到左）,up（自下往上）,down（由上朝下）来设定文字的方向。2 BEHAVIOR。这是指定文字的滚动方式。它有三个对象：SCROLL，SLIDE，ALTERNATE。这三个对象分别代表了环绕滚动，滚动一次和来回滚动。其中，环绕滚动（即 SCROLL）是滚动方式（BEHAVIOR）的默认值。例如上例中的“若您需要帮助
8、，请及时找我，联系 E-MAIL：”的这段代码就指明了文字以默认值 SCROLL 的方式进行滚动。3 LOOP。这是指定文字滚动的循环次数。当 LOOP=-1 或 LOOP=INFINITE 时，则表明文字滚动是无限循环。4 SCROLLDELAY。这是指文字滚动的速度。它的单位是毫秒。再看此代码“若您需要帮助，请及时找我，联系 E-MAIL：”，其中的“scrolldelay=“120“”表示，文字滚动速度为 120 毫秒。5 ALIGN。这是滚动文字的对齐属性也就是处于的位置。它有 TOP（对齐上方） ，MIDDLE（对齐中部），BOTTOM（对齐下方）三个对象。上段代码中的“align=“middle“”则明确了文字的位置是在中部。另外，此元素不仅能够用在 MARQUEE 中而且在其他元素中也经常用到，例如，TABLE，TD 等等。它们的用法与含义与 MARQUEE 是相同的。
