网页设计与制作
上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人

1.5 HTML基本语法

1-4 HTML基本语法

1.5.1 标记语法

1.什么是标记

HTML用于描述功能的符号称为“标记”。比如<html>、<head>、<body>等,都是标记。<html>标记表示HTML文档的开始。标记在使用时必须用尖括号“< >”括起来,有些标记必须成对出现,以开头无斜杠的标记(如<html>)开始,以有斜杠的标记(如</html>)结束。比如,<title>表示一个标题的开始,</title>表示一个标题的结束。在HTML中,标记的大小写作用相同,如<TITLE>和<title>都是表示一个标题的开始。

2.标记类型和语法

(1)单标记

之所以称为“单标记”,是因为它只需单独使用就能完整地表达意思,这类标记的语法是:

      <标记名称>

(2)双标记

“双标记”由“始标记”和“尾标记”两部分构成,必须成对使用。

① 始标记告诉Web浏览器从此处开始执行该标记所表示的功能。

② 尾标记告诉Web浏览器在这里结束该功能。始标记前加一个正斜杠(/)即成为尾标记。

这类标记的语法是:

      <标记名称>内容</标记名称>

其中“内容”部分就是要被这对标记施加作用的部分。

注意:标记可以包含标记。标记可以成对嵌套,但是不能交叉地嵌套,如下面这样的代码是错误的:

      <table><span>这是不正确的代码</table></span>

1.5.2 属性语法

1.什么是属性

这里的属性指的是标记的属性,这里举个很简单的例子来说明。单标记<hr>的作用是在网页中插入一条水平线,那么这条水平线的粗细、对齐方式、宽度等就是该标记的属性。

2.属性语法

大多数单标记和双标记的始标记内都可以包含一些属性,其语法是:

      <标记名字属性1属性2属性3…>

属性均放在相应标记的尖括号中,类似粗细、对齐方式、宽度等,属性间没有先后次序,属性也可省略(即取默认值),例如单标记<img>表示在文档当前位置插入一幅图片,带有一些属性,语法如下:

      <img src="1-1.jpg" width="652px" height="142px"alt="第一个图像">

其中,src属性规定显示图像的路径;width属性设置图像的宽度;height属性设置图像的高度;alt属性规定图像的替代文本。src属性和alt属性为必需属性,其他属性为可选属性。