HTML的语法主要由标签(tag)和属性(attribute)组成。所有标签都由一对尖括号<>括起来的。
1.一般标签
一般由一个起始标签和一个结束标签组成,其语法格式为:
<X>受控内容</X>
其中,X代表标签名称,<X>为起始标签,</X>为结束标签,结束标签前应有一个斜杠“/”。例如,要使文本内容成为斜体字,可以使用标签<i>……(内容)</i>;要使文本内容成为一级标题,可以使用标签<h1>……(内容)</h1>,除了这些,还有很多常用的标签,如<body>……</body>,<html>……</html>等。
在标签中可以附加一些属性,用于完成某些特殊效果或功能。大多数标签的起始标签内可以包含一些属性,属性是可选的,不写即使用默认值。不同属性间用空格分隔,属性值要加双引号,其语法格式为:
<标签名称 属性1 属性2 属性3……>受控内容</标签名称>
或者写成:
<X a1="v1" a2="v2" a3="v3"……>受控内容</标签名称>
其中,a就是属性名称,v是属性名称对应的属性值。
2.空标签
大部分标签是成对出现的,但也有一些是单独存在的,这些单独存在的标签称为空标签。空标签的语法形式非常简单,只需要直接写<标签名称>即可。最常见的空标签有<hr>、<br>等。其中<hr>标签表示要在页面上加一条水平线,常用来分割页面的不同部分。空标签也可以附加一些属性,用来完成某些特殊效果,一般形式为:
<x a1="v1" a2="v2"……>
例如,<hr align="center" width="80%" size="2">,<hr>标签含有3个属性,分别为align,center,width属性,其中,align属性表示对齐方式,属性值可取left(左对齐),right(右对齐),center(居中)等;size属性定义线的粗细,属性值可取整数,width属性定义线的长度,可以取相对值(由一对尖括号括起来的百分数,表示相对于充满整个窗口的百分比)也可以取绝对值(用整数表示屏幕像素点的个数,如width="300"),默认值为100%。另外,<hr>标签中还包含一个noshade属性,用于设定线条为平面显示,若删去则具有阴影或立体效果,这是默认值。
如图中所示,给背景添加了颜色,可以添加cgcolor属性,标签为<bgcolor="#FF9999">,把文本内容“认识HTML基本语法”居中,则添加<center>和</center>标签。
另外想告诉大家的是,如上图中所示,点击dreamweaver软件的左上方的“拆分”,可以同时看到你编辑的效果图。左边是编辑区,右边就是实时效果,当然,你也可以多点尝试一下,例如点击“代码”“设计”“实时视图”等。