首頁 >web前端 >html教學 >w3schools网站的HTML教程之HTML元素_html/css_WEB-ITnose

w3schools网站的HTML教程之HTML元素_html/css_WEB-ITnose

WBOY
WBOY原創
2016-06-24 11:17:281220瀏覽

HTML 元素的编写是由开始标签、结束标签和在开始标签与结束标签之间的内容组成:

<tagname>content</tagname>

所有 HTML 标签都是由开始标签开始,到结束标签结束:

<p>My first HTML paragraph.</p>

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

My First Heading

My first paragraph.

有些 HTML 元素是没有结束标签的。

嵌套的 HTML 元素

HTML 元素是允许嵌套的(元素可以包含元素)。

所有的 HTML 文档都是由嵌套的 HTML 元素组成的。

下述的示例包含了 4 个 HTML 元素:

<!DOCTYPEhtml><html>  <body>    <h1>My First Heading</h1>    <p>My first paragraph.</p>  </body></html>

HTML 举例说明

元素定义整个 HTML 文档。

它具有一个 开始标签和一个 结束标签。

该元素可以包含其他 HTML 元素(

元素)。

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

元素定义文档主体。

它具有一个

开始标签和一个 结束标签。

该元素包含另外两个 HTML 元素(

)。

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

元素定义一个标题。

它具有一个

开始标签和一个

结束标签。

该元素的内容是:My First Heading。

<h1>My First Heading</h1>

元素定义一个段落。

它具有一个

开始标签和一个

结束标签。

该元素的内容是:My first paragraph.。

<p>My first paragraph.</p>

不要忘记结束标签

即使你忘记结束标签,有些 HTML 元素还是会正确显示的:

<html>  <body>    <p>This is a paragraph    <p>This is a paragraph  </body></html>

由于结束标签是可选的,所以上述示例在所有浏览器都可以正确运行。

虽然这样是可以的,但是如果忘记结束标签,还是可能产生意想不到的结果或者错误。

HTML 空元素

不包含任何内容的 HTML 元素叫做空元素。


就是一个没有结束标签的空元素(
标签定义了换行)。

空元素可以在开始标签中进行闭合,例如:

HTML5 中的空元素是不需要像上述一样闭合的。但是如果你想要更严格的验证,或者你需要通过 XML 解析器读取你的 HTML 文档的话,你需要闭合所有 HTML 元素。

有关 HTML 的一些提示:使用小写的标签名

HTML 标签是不区分大小写的:

的意思是一样的。

HTML5 的标准并不强制要求使用小写标签名。但 W3C 推荐在 HTML4 中和例如 XHTML 这种严格的文档类型中使用小写标签名。

在 W3Schools 我们都是使用小写的标签名。

本文翻译于《w3schools》网站提供的 HTML 教程。

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn