下沙大学生社区 http://www.echot.net--网页基础介绍

　HTML语言基础

　　一、为什么要学习HTML？
　　近两年来，许多公司开发出了图形化的HTML开发工具，使得网页的制作变得非常简单。如微软公司推出的 Microsoft FrontPage， Adobe
公司推出的 Adobe Pagemill， Macromedia公司推出的Dreamweaver等编辑工具，都被称为“所见即所得”的网页制作工具。这些图形化的开发
工具可以直接处理网页，而不用书写费劲的标记。这使得用户在没有HTML语言基础的情况下，照样可以编写网页。这时，编写HTML文档的任务
由开发工具替你完成了。这是网页图形编辑工具的最大成功之处，但也是它们的最大不足之处。受到图形编辑工具自身的约束，将产生大量的
垃圾代码。原因很简单，我举一个简单的例子你就明白了。比如：在网页设计一个表格，若是每个单元格的宽度和高度让它根据其中的内容自
动确定，HTML只要你告诉它是表格和单元格的排列顺序（也就是行列数）就行了，但因为图形化开发工具无法得知你的这种特殊要求，所以只
能取一般要求，把每个单元格的宽度和高度都定义起来，从而增加了许多代码。所以一个明智的网页编写者应该在掌握图形编辑工具的基础上
进一步学会HTML语言，从而知道哪些是垃圾代码，这样，我们就可以利用图形化HTML开发工具快速成地做出网页，又会消除无用的代码，从而
达到快速制作高质量网页的目的。

　　二、如何用HTML？
　　HTML语言，又称超文本标记语言，是英文Hyper Text Markup Language的缩写。HTML语言作为一种标识性的语言，是由一些特定符号和语
法组成的，所以理解和掌握都是十分容易的。可以说，HTML语言在所有的计算机编程语言中是最简单易学的。 组成HTML的文档都是ASCIlI档，
所以创建HTML文件十分简单，只需一个普通的字符编辑器即可。如 Wndows中的记事本、写字板都可以使用。也可以采用专用的 HTML 编辑工
具：如 CoffeeHTML、 Homesite、 HTMLedit Pro等工具，它们的特点是能够自动检查HTML文档中的语法错误并协助改正。由于有了图形化的
HTML开发工具，使得我们学习HTML更加容易，我们可以先用它制作好网页，再在它附带的HTML代码编辑器在删去那些无用的代码，利用它的所
见即所得特性，从而使我们很快就能熟炼地掌握HTML。特别是Macromedia 公司最近发布的Dreamweaver4，可以把源代码编辑器和网页编辑器放
在同一个窗口中，真是方便极了。

　　三、HTML基本概念

　　1、标记

　　在HTML中，标记是用来界定各种单元，如标题、段落、列表等。HTML单元由三部分组成：起始标记、单元内容、结束标记。起始标记由“< ”和“ >”来界定，结束标记由“< /”和“ >”来界定，单元名称和属性由起始标记给出。如：“<TITLE >免费新天地</TITLE >”，“<TITLE >”和“< /TITLE >”是起始标记和结束标记，“免费新天地”是单元的基本内容。　　
关于标记的有关约定　　
（1）、超文本标记用带尖挎号“<”和“ >”表示。　　
（2）、超文本标记一般是成对出现，用带斜杠的元素表示结束，如：< html >和</html >。但有些标记只有起始标记而没有结束标记，如：<BR >，它网页中表示引入一个换行动作；还有些标记可以省略，如：段落的结束标记< /P >就可以省略。　　
（3）、超文本标记忽略大小写，如：< HTML >和<html >是等效的，但其中实体内容的名称是要区分大小写，如"&NAME"和"&name"是表示不同的实体。　　
（4）、一个标记元素可写在多行，参数位置不受限制。　　

主要标记的用法　　
HTML文档的标记在该语言中占有重要的地位，可以说，整个HTML文档都是它的标记构成的，HTML文档的标记为编写该文档建立了固定的框架，我们只要在这个框架中填充内容就行了。但你可能会对下图的HTML，而感到一头雾水吧？　　
其实您可以将HTML文档分成两部分：首部信息和正文主体。其具体的结构如下：　　
< HTML > 　　
<HEAD > 　　
首部元素、元素属性及基本内容。　　
< /HEAD > 　　
< BOBY > 　　
主体元素、元素属性及基本内容。　
　 </BOBY > 　　
< /HTML > 　　
首部元素中的内容在浏览器中是不被显示出来，它主要是浏览器使用首部来收集有关页面的各种信息。我们在浏览器中看到的是<BOBY >和</BOBY >之间的内容。

1. html 文件的通用模板：

<html> 
<!-- 
Generator: Sub Design Studio ( http://www.eastline.net.cn) 
Creation Data: 2000-8-1 
Original Author: eastline 
--> 
<head> 
<title> 文档标题 </title> 
<meta http-equiv="content-type" content="text/html; charset=gb2312"> 
<meta name="author" content="eastline"> 

其他meta 标 记 
<link rel="stylesheet" type="text/css" href="style/style.css"> 

样式表定义 

客户端Javascript 函数定义及初始化操作 
</head> 
<body bgcolor="#ffffff"> 
… … 
</body> 
</html>

补充：为了保证网站能够与下一代的web 语言xml 标准兼容，所有的HTML 标签的属性都要用单引号或者双引号括起，即我们应该写 <a href="url"> 而不是<a href=url>.