HTML 元素
<table>
<tbody>
<tr>
<th width="34%">开始标签 *</th>
<th width="34%">元素内容</th>
<th width="34%">结束标签 *</th>
</tr>
<tr>
<td><p></td>
<td>这是一个段落</td>
<td></p></td>
</tr>
<tr>
<td><a href="default.htm"></td>
<td>这是一个链接</td>
<td></a></td>
</tr>
<tr>
<td><br></td>
<td>换行</td>
<td> </td>
</tr>
</tbody>
</table>
开始标签通常被称为起始标签(opening tag),结束标签常被称为闭合标签(closing tag)。
HTML 元素的语法包括以下几个要素:开始标签、结束标签和元素内容。某些HTML元素也有空内容。在开始标签中可以为元素添加属性。HTML元素可以相互嵌套,构成HTML文档。
以下是一个HTML文档的实例:
<!DOCTYPE html>
<html>
<body>
<p> 这是第一个段落。</p>
</body>
</html>
这个实例包含了三个HTML元素:DOCTYPE声明、html元素和body元素。其中body元素包含了一个段落元素(p元素)。
HTML实例解析
<p>
元素:
<p>这是第一个段落。</p>
这个<p>
元素定义了HTML文档中的一个段落。这个元素拥有一个开始标签<p>
以及一个结束标签</p>
。元素内容是:“这是第一个段落”。
<body>
元素:
<body>
<p>这是第一个段落。</p>
</body>
<body>
元素定义了HTML文档的主体。这个元素拥有一个开始标签<body>
以及一个结束标签</body>
。元素内容是另一个HTML元素(<p>
元素)。
<html>
元素:
<html>
<body>
<p>这是第一个段落。</p>
</body>
</html>
<html>
元素定义了整个HTML文档。这个元素拥有一个开始标签<html>
以及一个结束标签</html>
。元素内容是另一个HTML元素(<body>
元素)。
##不要忘记结束标签
即使您忘记使用结束标签,大多数浏览器也会正确地显示HTML:
<p>这是一个段落
<p>这是一个段落
以上实例在浏览器中也能正常显示,因为关闭标签是可选的。但不要依赖这种做法。忘记使用结束标签会产生不可预料的结果或错误。
##HTML空元素
没有内容的HTML元素被称为空元素。空元素是在开始标签中关闭的。
<br>
就是没有关闭标签的空元素(<br>
标签定义换行)。
在XHTML、XML以及未来版本的HTML中,所有元素都必须被关闭。在开始标签中添加斜杠,比如<br />
,是关闭空元素的正确方法,HTML、XHTML和XML都接受这种方式。
即使<br>
在所有浏览器中都是有效的,但使用<br />
其实是更长远的保障。
##HTML提示:使用小写标签
标签对大小写不敏感:<P>
等同于<p>
。许多网站都使用大写的HTML标签。建议使用小写标签,因为W3C在HTML4中推荐使用小写,而在未来(X)HTML版本中强制使用小写。