search
首页> 课程> HTML Fun Breakthrough Class> HTML elements

HTML elements

目录列表

什么是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
继续