网页基本知识
  学编网页用什么软件好?我建议什么专业软件都不要用,就用一个普通的文本编辑器,如 Windows 里面的“记事本”就行。有人说那太“笨”了,专用软件既省劲,编出来的网页又漂亮,现在谁还去学那烦琐的代码语言。可是,如果你是想学知识,还是从这里起步吧,你学会了代码语言,以后不管用什么专业编辑软件,都不用学就会用的,可如果你用某一个专用软件学,其他软件你倒不一定会用。
  你要学过其他编程语言,那学编网页的 HTML 代码是很容易的;即使你没有学过任何编程语言也不要紧,这比其他语言好学得多,你就放心跟着我往下走吧。
  HTML 语言是解释执行语言,就是说不需要编译,直接由浏览器解释执行。不懂编程的可能对这句不太好理解,不用管他,你只管照着下面的代码写就行,一试就懂了。

第一节 HTML基本语法

  如果你没有任何编程基础,跟我来吧。打开“记事本”,照着下面左边的格式把代码写进去。写好后选择“文件”“另存为”,在弹出的对话框中选择“所有类型”,给文件起一个扩展名为 .htm 的名字存盘。如名叫:abc.htm 吧。然后双击这个文件,你看浏览器自动打开了吧,是不是象右边这样!这就是你的第一个网页了。
abc.htm - 记事本
<html>
<head>
<title>学做网页</title>
</head>
<body>
<center>我的第一个网页 </center> <br><br>
  如果你没有任何编程基础,跟我来吧。打开记事本,照着下面把代码写进去,然后另存为 .htm 文件。
</body>
</html>
学做网页 - Microsft Internet Explorer
我的第一个网页

  如果你没有任何编程基础,跟我来吧。打开记事本,照着下面把代码写进去,然后另存为 .htm 文件。






  上面两个窗口左边是在笔记本中写的,右边是用浏览器打开的界面,啊!我写了十行怎么只显示三行文字,其余的都哪里去了!一对比你会发现,< >内的东西都不显示,这是因为浏览器把< >内的代码都解释为如何显示页面的“命令”,浏览器只去“执行”这些“命令”,并不把命令的原文显示出来。
  好了,这你就懂得什么是解释执行程序了,下面我们就看左边记事本中的代码都什么意思:第一行<html>,表示这是一个网页的开始,相对最后一行</html>表示此网页到此结束;第二行<head>和第四行</head>之间是文件的“头”部,“头”里面可有标题和对网页的各种设置;第三行<title>和</title>之间是标题,标题也不在正文中显示,而是显示在浏览器的标题栏中的;<body>下面才是正文,同样</body>是正文的结束;第六行<center>表示“居中”,浏览器在显示以后的内容时,就放到屏幕的中间显示,</center>是居中结束,以后的内容还按左对齐的格式显示;<br>是换行符,没有换行符的话,只有右边显示到边时才换行的,浏览器并不能识别编辑文件时的“回车”。同时浏览器还不认文本中的“半角”空格,如第七行前面的空格必需用“全角”输入,也就是要将汉字输入条中的那个“半月牙”点击面“园月”才行。
  另外还要再提醒一下,可能有些初学电脑的并没有从DOS起步,对磁盘文件和目录不太清楚,那你还要注意你“保存”文件时是用的哪个目录,不然下次你又找不到自己的文件了。最好你在磁盘的“非活动分区”——啊!是不是又“专业”了一点,那就直接说你就在“D”盘或“E”盘上先建立一个空目录,为啥不放在“C”盘,“c”盘的文件易“丢失”或受病毒破坏。如你建立的目录名叫“HTML”吧,那你在保存文件时,就先选择“D”盘,再打开“HTML”目录,以后把你写的所有网页文件都放在这里,因为以后多网页之间还要建立关系,不放在一起就不好找关联路径。以后往服务器上传时,也容易集中上传。如果感到每次打开目录时不方便,还可在“桌面”建立一个“快捷方式”。
  我们以较专业一点的语言说:HTML 叫做超文本标记语言,是一种建立网页文件的语言(HyperText Markup Language),透过标记式的指令 (Tag),可用任何文本编辑器或网页专用编辑器编辑,完成后以 .htm 或 .html 为文件后缀保存。由浏览器解释,将影像、声音、图片、文字等连结显示出来。
  HTML标记是由 < 和 > 所括住的指令所构成,由 < 起始标记 >,< / 结束标记 >构成的叫双标记指令。如<center>是居中命令,但居中的文字到何处结束,必需还得一个</center>;对于不要结束标记的叫单标记指令,如换行指令<br> 。
  第一个网页成了,还高兴不起来呀!太简单了,人家的都是五彩缤纷的页面——好!第二页就认识一下彩色的代码吧。
下一页