首页课程HTML趣味闯关课堂HTML元素

HTML元素

目录列表

什么是HTML元素

在第一章中在介绍标签的时候为了避免概念的混乱,我们简单介绍了下HTML元素,这里我们就详细开始介绍HTML元素。

HTML 元素指的是从开始标签(start tag)到结束标签(end tag)的所有代码。 HTML网页实际上就是由许许多多各种各样的HTML元素构成的文本文件,并且任何网页浏览器都可以直接运行HTML文件。所以可以这样说,HTML元素就是构成HTML文件的基本对象,HTML元素可以说是一个统称而已。HTML元素就是通过使用HTML标签进行定义的。

<开始标签> 元 素 内 容 <结束标签>

什么是HTML元素

这就是一个元素:

<p>PHP中文网</p>

HTML元素的语法

  • HTML 元素以开始标签起始

  • HTML 元素以结束标签终止

  • 元素的内容是开始标签与结束标签之间的内容

  • 某些 HTML 元素具有空内容(empty content)

  • 空元素在开始标签中进行关闭(以开始标签的结束而结束)

  • 大多数 HTML 元素可拥有属性(下面会讲)

hello world这是一个元素嘛?

HTML元素嵌套

HTML元素嵌套是什么

示例 再把前面的例子拿出来,大家先看看,下面这个例子中有几个元素:

<html>
    <body>
        <p>PHP中文网</p>
    </body>
</html>

答案当然是三个,应该很好理解吧,这就是所谓的嵌套。

HTML空元素

没有内容的 HTML 元素被称为空元素。< br> 就是没有关闭标签的空元素(< br> 标签用来定义换行)。在 XHTML、XML 以及未来版本的 HTML 中,所有元素都必须被关闭。在开始标签中添加斜杠,比如 < br/>,是关闭空元素的正确方法,即使 < br> 在所有浏览器中都是有效的,但使用 < br/> 其实是更长远的保障,说了那么多就是想说以后换行就用< br/>。

前面我们从示例中看出,< p>标签结束以后也后一个换行的动作,那现在又介绍了下面我来给大家展示下< p>标签和< br>标签的区别

相同之处是br和p都是有换行的属性及意思

区别 < br/>是只需一个单独使用,而< p>和< /p>是一对使用

br标签是小换行提行(相当于我们平时文本中输入一个回车),p标签是大换行(分段,相当与两个回车)各行作用。

下面大家就一起动手看看两个标签的区别 先来个< br/>换行

)W6`(92HX]I8UIX34LMA}EL.png

O6PV@)}B9BKM~U{(48XSTPI.png

再来个< p>< /p>换行

@BZP8E9LH0V(3V~VBX3J~4O.png

10YDXVIEU3$%GJNM4F@CSCD.png

这下你以后肯定就有对他两有比较好的把握了吧


1/3