当前位置: 洪哥笔记 > HTML教程 > HTML基本语法

 

HTML基本语法

HTML基本语法

前面已经简单的玩了一下HTML,应该获得一些成就感了,我们就是要在逐渐的成就感中成长,这样才会有动力!
好了,讲讲HTML的语法。虽然之前已经说过HTML是一门标记语言,而且不按照规范来也不会“报错”,但我们还是来看看HTML在语法上有什么规范性要求。学习这个,是为了让我们的HTML之路可长可久!

1、HTML标签的闭合
HTML的标签都是讲究闭合的。何谓闭合?不是说洪哥把<html>写成了<html,少了一个尖括号叫没闭合。这里的闭合是指有<html>,就要有</html>,它们是相互对应的一对标签。又如之前的标题<title>标签,输入完内容后,一定要来一个</title>标签进行闭合。
如果观察力很强的朋友一定发现了,我们前面示例中有一个<meta>标签,居然没有闭合的</meta>,这是怎么回事。其实有不少这样的标签,它在开始标签和结束标签之前没有什么内容,所以就不需要闭合了。比如<hr>它就表示一条水平线,不需要在<hr>与</hr>之前输入什么内容,所以在设计的时候就把结束标签省了。但对于这种标签,在后面xml和xhtml中(如果不太懂这两个东西,就不要管。)中,也需要闭合处理,但不是加一个</hr>,而是把<hr>变成<hr />。洪哥觉得,这样写有点丑……

2、HTML标签的属性
在<meta name="keywords" content="关键字">这个标签中,name和content称为属性,每个属性之间用空格隔开。属性名后面有一个等号,等号后面有一对引号引起来的内容,那是属性的值。在HTML中,属性值可以用单引号引起,也可以用双引号引起,也可以不用引号(洪哥觉得,这要去记真是太累了!)。这看起来很灵活,但是洪哥提醒,你不能属性值前面用单引,后面用双引;也不前面有引号,后面没引号。
另外,还有的属性是没有值的。比如<hr>标签有一个noshade属性(英文好的同学应该能猜到它表示没有阴影的意思),它是没有值的。<hr>默认是有阴影的一条水平线,而<hr noshade>是没有阴影的。

3、HTML标签的嵌套
嵌套就是一个像俄罗斯娃娃,一个里面还有一个,还有一个,还有一个,还有……
<html>是一个最大的标签,<head>和<body>嵌套在<html>中,而<title>又嵌套在<head>中。嵌套基本上是可以乱来的,但如果非要说出个规范,那应该有这样一句:块级元素可以包含块级元素或行级元素,行级元素只能包含行级元素。至于什么是“块级元素”,什么是“行级元素”,洪哥表示先挖个坑。

4、HTML注释
之前我们已经见过了,“<!--……其它头部内容-->”就是注释。
注释是由“<!--”开始,以“-->”结束,中间的内容都是注释,注释可以是一行,可以跨多行。

好了,看了这么多枯燥的语法知识,下面就可以真正进入HTML神奇的世界了!