基础学HTML5 第二讲 结构

了解结构的重要性：知道了结构，就能更好地帮助你编写程序，更好的查错，也能在困难时候用一些特殊结构，如

等帮你解谜，所以一个文件的结构至关重要。

HTML5中的结构，大体应该分为两种，分别是HTML和css/JS（JavaScript）。每一个类型又能分成两部分：HTML：{ 复式结构和单式结构 } ；css/JS：{ 嵌入式和外部文件 }。

HTML中的复式结构：

HTML中的复式结构很常见，连最基本的初始结构也是复式结构。

复式结构，字面意思就是带有两个字符或字符串组成的结构。例如：div，/div。

但是只有这些么？？？NO！！！

如果你仔细观察，你会发现这两个词和第一个板块中提到的词一模一样，但是，感觉光秃秃的。这就不得不提到HTML文件（除嵌入式文本）中组成结构，也就是元素的规则了。

规则：

1.每一个元素前、后面都要用英文中的书名号括起来，如,

, 。

2.每一个复式结构，都需要有开头和结尾，中间可以没有文字。

3.结尾的元素名称前面必须加上“/”斜杠，否则会默认为下一个结构的开始。

样例：

；

HTML中的单式结构：

单式结构更好理解，就是一个独体的结构。

这种结构有两种写法，一种是“”；另一种是“”。

这两种写法都行。

CSS/JS中的嵌入式结构和外部文件：

嵌入式结构就是在HTML里嵌入一个文件，这只需要在适当位置写道或就可以。

外部文件更简单，只需要创建一个外部文件就行。

CSS和JS的规则是：“元素{ }”“.变量{ }”。

下面，我们来分析一下基础结构。

复式：2,3,5,6,

单式：1,4

1：基础语句，不写也行

2：表明这是个HTML文件

3：头文件，基础信息

4：设置编码（UTF-8）

5：网页标签

6：主要内容，主体

今天的零基础学HTML5就讲到这里，下次会有更精彩的内容。

编程，让你的人生不受限！