基础学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就讲到这里,下次会有更精彩的内容。

编程,让你的人生不受限!

  • 发表于:
  • 原文链接http://kuaibao.qq.com/s/20180503G1LZTZ00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 yunjia_community@tencent.com 删除。

扫码关注云+社区

领取腾讯云代金券