Heim > Web-Frontend > HTML-Tutorial > w3schools网站的HTML教程之HTML元素_html/css_WEB-ITnose

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

WBOY
Freigeben: 2016-06-24 11:17:28
Original
1223 Leute haben es durchsucht

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

<tagname>content</tagname>
Nach dem Login kopieren

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

<p>My first HTML paragraph.</p>
Nach dem Login kopieren

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

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>
Nach dem Login kopieren

HTML 举例说明

元素定义整个 HTML 文档。

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

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

<html>  <body>    <h1>My First Heading</h1>    <p>My first paragraph.</p>  </body></html>
Nach dem Login kopieren

元素定义文档主体。

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

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

)。

<body>  <h1>My First Heading</h1>  <p>My first paragraph.</p></body>
Nach dem Login kopieren

元素定义一个标题。

它具有一个

开始标签和一个

结束标签。

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

<h1>My First Heading</h1>
Nach dem Login kopieren

元素定义一个段落。

它具有一个

开始标签和一个

结束标签。

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

<p>My first paragraph.</p>
Nach dem Login kopieren

不要忘记结束标签

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

<html>  <body>    <p>This is a paragraph    <p>This is a paragraph  </body></html>
Nach dem Login kopieren

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

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

HTML 空元素

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


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

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

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

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

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

的意思是一样的。

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

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

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

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage