WEB高手培训班之HTML篇

2006-06-23 20:50:43  作者:  来源:天极网  文字大小:】【】【
记得在本人刚开始学习编写网页时曾向一位WEB高手请教过如何用FRONTPAGE 98来制作一张绚丽多姿的个人网页。他告诉我,他制作网页时不用任何网页制作软件,而是靠手写的。当时我一下子愣住了,“WHAT?手写网页!OH,MY GAD!这人简直是高手中的高手呀!”从此他在我心目中地位犹如伟人般的高大……然而时过半年到了今天,他已经不再是我的偶像。因为我也能手写网页了,而且编写出的WEB还要胜他一筹(自我感觉)。看到此处你一定会问我,到底我取了什么“真经”能“逍遥仙境”呢?其实很简单,那就是HTML语言。

  HTML是由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="/tech/img/200606/20060623123457_114.gif" alt="共享程序网站进入口" border="0" width="180" height="90"></a></td>
<td width="17%"></td>
</tr>
<tr>
<td width="17%"></td>
<td width="17%"></td>
<td width="17%"></td>
</tr>
<tr>
<td width="17%">
<img src="/tech/img/200606/20060623123807_103.gif"
alt="个人作品网站进入口" width="180" height="90"></td>
<td width="17%"></td>
<td width="17%"><a href="http://202.103.176.80/g/speaker/dault.htm">
<img src="/tech/img/200606/20060623124116_121.gif" alt="华人主页进入口" border="0"></a></td>
</tr>
<tr>
<td width="17%"></td>
<td width="17%"> <p> </td>
<td width="17%"></td>
</tr>
<tr>
<td width="17%"></td>
<td width="17%">
<img src="/tech/img/200606/20060623124425_142.gif" alt="名家推荐网站进入口"></td>
<td width="17%"></td>
</tr>
</table>
</td>
<td width="10%" valign="top" align="center"></td>
</tr>
<tr>
<td width="10%"></td>
<td width="80%"></td>
<td width="10%"></td>
</tr>
</table>
</td>
</tr>
</table>

<p> </p>

<table border="0" width="100%" cellpadding="0">
<tr>
<td width="100%"><table border="0" width="100%" cellpadding="0">
<tr>
<td width="100%"><p align="center"><strong><font face="隶书" color="#A6A6FF">二OOO年三月三十日制作完成</font></strong></td>
</tr>
<tr>
<td width="100%"><p align="center"><font face="隶书" color="#A6A6FF"><strong>谢谢您的光临</strong></font></td>
</tr>
<tr><


相关文章