HTML元素LOGIN

HTML元素

1.什么是HTML元素

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

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

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

这就是一个元素:

<p>PHP中文网</p>

2.HTML元素语法

HTML 元素以开始标签起始

HTML 元素以结束标签终止

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

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

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

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

3.HTML元素嵌套

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

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

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

4.HTML空元素

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

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

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

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

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

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

QQ截图20161205151937.png

QQ截图20161205151552.png

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

QQ截图20161205152156.png

QQ截图20161205151656.png

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

下一节
<html> <head> <title>php</title> </head> <body> <p> 很长一段时间 </br></br> 我非常开心</br></br> 我来到了PHP中文网!</br></br> </p> </body> </html>
提交重置代码
章节课件