LySEO

您现在的位置是:首页>文字教程 > 前端教程 > HTML教程

HTML教程

前端入门学习第三课,HTML元素

2019-03-22 11:52:11HTML教程
HTML 元素语法,HTML 元素以开始标签起始、HTML 元素以结束标签终止,元素的内容是开始标签与结束标签之间的内容

HTML 文档是由 HTML 元素定义的。

HTML元素

HTML 元素指的是从开始标签(start tag)到结束标签(end tag)的所有代码。


像下面这样

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

  

This is a paragraph
This is a link






注释:开始标签常被称为开放标签(opening tag),结束标签常称为闭合标签(closing tag)。

HTML 元素语法

HTML 元素以开始标签起始

HTML 元素以结束标签终止

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

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

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

大多数 HTML 元素可拥有属性

提示:您将在本教程的下一章中学习更多有关属性的内容。

嵌套的 HTML 元素

大多数 HTML 元素可以嵌套(可以包含其他 HTML 元素)。

HTML 文档由嵌套的 HTML 元素构成。



这里有三个html元素




上面的例子包含三个 HTML 元素。分别是

元素,元素,元素

HTML 实例解释


元素:


This is my first paragraph.

这个

元素定义了 HTML 文档中的一个段落。

这个元素拥有一个开始标签

,以及一个结束标签


元素内容是:This is my first paragraph。


元素:


This is my first paragraph.


元素定义了 HTML 文档的主体。

这个元素拥有一个开始标签,以及一个结束标签。


元素内容是另一个 HTML 元素(p 元素)。

元素:


This is my first paragraph.



元素定义了整个 HTML 文档。

这个元素拥有一个开始标签,以及一个结束标签。

元素内容是另一个 HTML 元素(body 元素)。


不要忘记结束标签

即使您忘记了使用结束标签,大多数浏览器也会正确地显示 HTML:


This is a paragraph


This is a paragraph

实例

   

   php.cn



This is a paragraph


This is a paragraph




程序运行结果:

This is a paragraph

This is a paragraph     

上面的例子在大多数浏览器中都没问题,但不要依赖这种做法。忘记使用结束标签会产生不可预料的结果或错误。


注释:未来的 HTML 版本不允许省略结束标签。

空的 HTML 元素

没有内容的 HTML 元素被称为空元素。空元素是在开始标签中关闭的。


就是没有关闭标签的空元素(
标签定义换行)。

在 XHTML、XML 以及未来版本的 HTML 中,所有元素都必须被关闭。

在开始标签中添加斜杠,比如
,是关闭空元素的正确方法,HTML、XHTML 和 XML 都接受这种方式。

即使
在所有浏览器中都是有效的,但使用
其实是更长远的保障。


提示:HTML 标签对大小写不敏感:

等同于

,但是建议小写


标签:   前端入门学习 HTML元素

文章评论