- HTML 不是编程语言,它是一种标记语言
- HTML 中常见的几个名词是 元素、 标签(开始标签和结束标签)、 属性、 元素内容
- 这篇文章将要介绍的是 HTML 元素
HTLM 元素
元素的概念
例子:
<html>
<body>
<a href="http://www.baidu.com">点击跳转到百度</a>
</body>
</html>
运行结果为:
点击跳转到百度
上面是一个超链接的例子,点击上面的文字 “点击跳转到百度”,就可以跳转到百度的页面了。
现在我们从上面的代码中抽取一部分代码,如下所示:
<a href="http://www.baidu.com">点击跳转到百度</a>
一个元素一般包括标签、属性(属性的名称和属性的值)、元素内容,所以说这部分代码就是一个元素。
标签 | 属性的名称 | 属性的值 | 元素内容 |
---|---|---|---|
< a > < /a > | href | http://www.baidu.com | 点击跳转到百度 |
注意:
- 有时会有这样的说法,例如:< a > 元素 。 我们知道 < a > 、< /a > 、 < html > 、 < /html > 、 < body > 、 < /body > 等这些都是标签,这时可能我们就会有点迷惑了,< a > 是标签,为什么又会有 < a > 元素 这样的说法呢? 其实不用太纠结,这只是两种不同的说法,习惯性的说法是 < a > 元素、 < html > 元素,此时我们只要知道 < a > 元素这样的说法表示上面表格列出的所有东西,即标签、属性、元素内容,但是如果是 < a > 标签这样的说法,那就真的只是表示 < a > 这个标签了。
- 一个元素一般包括标签、属性、元素内容,但是也有比较特别的元素,例如:< br > 。
- 元素是可以嵌套的,一个元素可以包含另一个元素,例如上面的例子中, < body > 元素包含 < a > 元素,这时 < a > 元素就是 < body > 元素的元素内容,< html > 元素包含 < body > 和 < a > 元素,那么这两个都是 < html > 元素的元素内容。
总结:
- 注意区分 < a > 元素 和 < a > 标签 这两种说法。
- 以 < br > 元素为特殊元素的代表,下面举了一个相关的例子。
- 在开始标签和结束标签之间的内容就为该元素的元素内容,例如:< a > 元素的内容为 点击跳转到百度。
与 < br > 相关的例子:
<html>
<body>
<p>这是一个换行元素</p>
<p>这是一个<br/>换行元素</p>
</body>
</html>
运行结果为:
这是一个换行元素
这是一个
换行元素
我们可以从运行结果中看到,< br > 元素的效果是将文字换行了。
在编写代码时一般写成 < br / > 。
我们可以看到,< br > 元素是没有结束标签的,我们知道一个元素的元素内容是指在开始标签与结束标签之间的内容,换句话说 < br > 元素是没有元素内容的,我们也称这类元素为空元素。
注意,空元素没有元素内容,但可以有属性,例如:< img src="图片.jpg" width="100" height="150" / > 。