> 웹 프론트엔드 > HTML 튜토리얼 > w3schools网站的HTML教程之HTML元素_html/css_WEB-ITnose

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

WBOY
풀어 주다: 2016-06-24 11:17:28
원래의
1223명이 탐색했습니다.

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 教程。

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿