一、HTML基本结构

我们下面通过一张图来说明HTML的基本结构：

一个HTML文档由4个基本部分组成：

• ① 一个文档声明：

• ② 一个html标签对：

• ③ 一个head标签对：

• ④ 一个body标签对：

大家都看到了吧，所谓的HTML就是一对对的标签（也有例外）。我们简单说一下这几个基本标签的作用：

1、文档声明

声明这是一个HTML文档。

2、标签

标签的作用相当于设计者在告诉浏览器，整个网页是从这里开始的，然后到结束。

对于这个标签，我们经常看到这样一句代码：

其实上面这句代码声明了该网页使用的是W3C组织的XHTML标准。

3、标签

head标签是页面的“头部”，只能定义一些特殊的内容。

4、标签

body标签是页面的“身体”，一般网页绝大多数的标签代码都是在这里编写。

在此说明一下：

• （1）对于HTML的基本结构，你至少要默写出来，这些都要记忆。

• （2）记忆标签小技巧：根据标签字母意思就很容易记忆了，比如表示“页头”，表示“页身”。

二、用记事本编写网页

第一步：新建“记事本”，把下面这段代码复制到记事本中去，然后保存，将记事本名字改为“我的第一个网页”。

第二步：将记事本后缀名“.txt”改为“.html”：

第三步：点击“我的第一个网页.html”这个HTML文件，就可以在浏览器打开了。

在这里说明一下：

标签是段落标签，可以定义一段文字内容，我们在后面会讲到这些标签的具体用法，在这里只需要读者了解一下即可。

三、用Visual Studio 2010编写网页

前面我们已经讲解了怎么在Visual Studio 2010建立一个网页，现在我们新建一个“HTML页”，打开如下：

那接下来，我们就用Visual Studio2010编写跟用记事本编写的一样的网页。完整的代码如下：

点击“浏览器查看”，效果如下：

虽然用记事本也可以写网页代码，但是这是一个很原始的做法，建议以后都用Dreamweaver写。

上一篇：第10节:HTML 页面内容

下一篇：第12节:head标签