《HTML教程》01章 HTML入门

从现在开始，小雅和您一起来学习怎样编写HTML网页。

网页的形式多种多样，有asp、cgi、jsp等等，都是通过不同的方法来控制 html内容，其核心还是html。小雅并非想介绍html的概念和理论，有很多人尤其是有一定编程经验的人（包括小雅在内），往往在html尚一知半解的情况就急着去学习asp、java等内容，结果事倍功半，甚至一筹莫展。

html的原理的确很简单，只要初高中水平的人便可以学会。但大多数仅停留在业余的初级水平。这是由两个原因造成的，1. 标准的html功能有限，如果没有CSS、JavaScript等内容的配合，很难做出高质量的网页。2. 满足于 Dreamwever等工具的使用，忽略了基本语法的学习，也就是只练外功不练内功。

最简单的网页

简单的网页的制作很简单，创建一个后缀名为.htm或.html的文本文件，输入文字保存文件，下面例子：s01_01.htm。

小雅软件学习网 WebPage教室

标准网页的结构

首先我们要了解HTML文件的结构。HTML文件包括"HTML的版本"和"HTML元素"两部分， "HTML元素"又包括HEAD和BODY两部分，其中"HTML的版本"部分可以省略。HEAD部分包括说明文字、控制整个页面的但在页面上没有任何显示的元素、还有一个可以显示在浏览器窗口标题的元素，HEAD部分也可以省略。我们通常在浏览器中看到的部分全部是BODY部分，也是我们要学习的重点。

说明：HTML称为超文本标记语言，所谓标记就是通常所说的命令函数的作用，所不同的是命令函数是请求的方式，而标记是被查询的方式，但作用一样。具体的某个标记称为元素，绝大部分元素还带有属性来实现更详细的内容，属性是写在元素名后面的付标记。

HTML文档结构

版本信息

<!DOCTYPE>

HTML元素

<HTML>

HEAD元素

<HEAD>

．．．．．．

</HEAD>

BODY元素

<BODY>

．．．．．．

</BODY>

</HTML>

因此上面的h01.html就可以改写成标准格式的s01_02.htm文件

<!DOCTYPE HTML4.01>
 
<HTML> 
 
<head>
<title>小雅软件学习网</title>
</head>
 
<body>
小雅软件学习网 WebPage教室
</body>
 
</HTML>

从例子可以看出大部分标记有开始标记和结束标记（但不是全部）。HTML文件中空格和回车在浏览器中是不起作用的，在编写程序时一定要注意编程风格。