最新的Web开发教程

HTML元素


HTML 文档是由HTML 元素组成。

在HTML语法,大多数元素都写有一个开始标记和结束标记,在两者之间的内容。 HTML标记是由元件中,通过尖括号括起的名称。 结束标签还具有开口角括号后一斜线,以从开始标签区分开来。


HTML元素

HTML元素被写入与一个开始标记,与一个结束标记,在它们之间的内容

<tagname>content</tagname>

HTML 元素是从开始标记结束标记的一切:

<p>我的第一个HTML段。 </p>
开始标记 元素内容 结束标记
<h1> 我的第一个标题 </h1>
<p> 我的第一个段落。 </p>
<br> 

一些HTML元素没有结束标签。


嵌套的HTML元素

HTML元素可以嵌套(elements can contain elements)

所有的HTML文档由嵌套的HTML元素。

本实施例中包含4个HTML元素:

<!DOCTYPE html>
<html>
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>
</html>
试一试»

HTML例子解释:

<html>元素定义了整个文档

它有一个开始标记<html>结束标签</html>

元素内容是另一个HTML元素(the <body> element)

<html>
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>
</html>

所述<body>元素定义文档主体

它有一个开始标记<body>结束标签</body>

元素内容是另外两个HTML元素( <h1> and <p> )

<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>

<h1>元素定义了一个标题

它有一个开始标记<h1>结束标签</h1>

元素内容是:我的第一个标题。

<h1>My First Heading</h1>

<p>元素定义一个段落

它有一个开始标记<p>结束标签</p>

元素内容是:我的第一个段落。

<p>My first paragraph.</p>

不要忘记结束标记

一些HTML元素将正确显示,即使你忘记了结束标签:

<html>
<body>

<p>This is a paragraph
<p>This is a paragraph

</body>
</html>
试一试»

上面的例子适用于所有的浏览器,因为结束标记被认为是可选的。

从来没有靠这个。 如果您忘记了结束标签它可能会产生意想不到的结果和/或错误。


空的HTML元素

没有内容的HTML元素被称为空元素。

<br>是一个没有结束标记的空元素(the <br> tag defines a line break)

空元素可以是"closed"在这样的开放标签: <br />

HTML5不需要空元素被关闭。 但是如果你想严格的验证,或者你需要让你的文档通过读取XML解析器,你应该关闭所有的HTML元素。


HTML提示:使用小写标签

HTML标签是不区分大小写: <P>意味着相同<p>

HTML5标准不要求小写的标签,但W3C recommends在HTML4小写,并demands更严格的文件类型,如XHTML小写。

在w3ii我们总是使用小写标签。