HTML 内容的标记语言是由一套标记标签组成。这套标记标签通常被称为 HTML 标签 (HTML tag)。HTML 标签是由尖括号包围的关键词,比如 <html> ,通常是成对出现的,比如 <p> 和 </p>。 这些成对出现的 HTML 标签,第一个标签是开始标签(始标签),第二个标签是结束标签(尾标签)。大多数HTML标签在开始标签和结束标签之间都具有内容,而某些标签则没有内容。

提示:HTML 文件是由若干 HTML elements (元素)组成的。

HTML 元素定义

HTML中,从开始标签(start tag)结束标签(end tag)之间的所有内容,被称为HTML元素。通俗的讲,当用一组 HTML 标签将一段文字包含在其中间时,我们就把这段文字与包含文字的 HTML 标签称为一个 HTML 元素element。

在所有的 HTML 文件中,最外层的元素是由 <html> 标签建立的。在 <html> 标签所建立的元素中,包含了两个主要的子元素,这两个子元素是由 <head> 标签与 <body> 标签建立的。

提示:开始标签通常被称为始标签起始标签,结束标签通常称为尾标签闭合标签

HTML  基础元素

HTML  实例

<!DOCTYPE html>
<html>
<head>
<title>HTML 标题</title>
</head>
<body>
    <p>HTML 段落</p>
</body>
</html>

上面实例包含了五个 HTML 元素,分别是<html><head><title><body><p>

HTML  元素解析

<title>元素
<!-- <title>元素 -->
<title>HTML 标题</title>

<title> 元素定义了 HTML 文档中的标题。
该元素有一个开始标签  <title> 和一个结束标签 </title>
元素的内容是: HTML 标题
元素是: <title>HTML 标题</title>

<head>元素
<!-- <head>元素 -->
<head>
<title>HTML 标题</title>
</head>

<head> 元素定义了 HTML 文档中的头部分。
该元素有一个开始标签  <head> 和一个结束标签 </head>
元素的内容是: 另一个 HTML 元素(<title>HTML 标题</title>)。
元素是: <head> <title>HTML 标题</title> </head>

<html>元素
<!-- <html>元素 -->
<html>
<head>
<title>HTML 标题</title>
</head>
<body>
    <p>HTML 段落</p>
</body>
</html>

<html> 元素定义了整个 HTML 文档。
该元素有一个开始标签  <html> 和一个结束标签 </html>
元素的内容是: 另一个 HTML 元素(<body> 元素)。

注意:1.虽然, HTML 标签不区分大小写,但建议使用小写标签,因为万维网联盟(W3C)在 HTML 4 中推荐使用小写,而在未来 (X)HTML 中强制使用小写。
2.切记写结束标签,不然会产生意想不到的结果或错误。

HTML  元素嵌套元素

在 HTML 语法中,每个由 HTML 标签与文字所形成的元素内,还可以包含另一个元素。因此,整个 HTML 文件就像是父元素包含若干子元素。

<body>
    <h1>HTML 标题</h1>
    <p>HTML 段落</p>
    <p>HTML 段落</p>
</body>

提示:HTML 文件是由嵌套的 HTML 元素构成。
多数 HTML 元素是可以嵌套其他 HTML 元素的,也就是说,可以在其首标签与尾标签之间可以包含其他 HTML 元素。

HTML  空元素

前面讲过,HTML 元素是始标签和尾标签之间的所有内容,而有些 HTML 元素没有内容(empty content)。那些含有空内容的 HTML 元素,就是空元素。

<!-- 空元素 -->
<br />
<hr />

注意:空元素是在开始标签中关闭的。在开始标签中添加斜杠,比如 <br />,是关闭空元素的正确方法,也是 HTML、XHTML 和 XML 都接受的方式。