html入门 绿叶,HTML结构 - HTML | 绿叶学习网

下图是HTML的基本结构，从中我们可以看出，一个页面是由4个部分组成的。

(1)文档声明：

(2)html标签对：

(3)head标签对：

(4)body标签对：

现在小伙伴们都看到了吧，一个完整的HTML页面，其实就是由一对对的标签组成的(当然也有例外)。接下来，我们简单介绍一下这4个部分的作用。

1．文档声明

是一个文档声明，表示这是一个HTML页面。

2．HTML标签

HTML标签的作用，是在告诉浏览器，这个页面是从开始，然后到结束的。在实际开发中，我们可能会经常看到这样一行代码：

这句代码的作用是告诉浏览器，当前页面使用的是W3C的XHTML标准。这里我们了解即可，不用深究。一般情况下，我们不需要加上xmlns="http://www.w3.org/1999/xhtml"这一句。

3．head标签

4．body标签

此外，对于HTML结构，有以下2点要跟大家说明一下。

(1)对于HTML结构，虽然大多数开发工具都会自动生成，但是作为初学者，大家一定要能够默写出来，这是需要记忆的(其实也很简单)。

(2)记忆标签时，有一个小技巧：根据英文意思来记忆。比如head表示“页头”，body标签“页身”。

下面我们使用HBuilder新建一个HTML页面，然后在里面输入以下代码。

这是网页的标题

这是网页的内容

浏览器预览效果如下图所示。

分析：

title标签是head标签的内部标签，其中

标签内定义的内容是页面的标题。这个标题不是文章的标题，而是在浏览器栏目的那个标题。

常见问题：

1. 在初学阶段，想要熟练掌握HTML和CSS，是不是应该使用记事本来编写呢？

这是初学者最常问的一个问题。我的建议是：完全没有必要！因为，使用开发工具来编写，虽然有代码提示，不过随着你编写的代码越来越多，足以让你牢牢把HTML和CSS都记住的。