--- title: Elements localeTitle: 分子 --- # HTML元素 元素是HTML的构建块,用于描述网页的结构和内容。它们是超文本标记语言(HTML)的“标记”部分。 HTML语法使用尖括号(“<”和“>”)来保存HTML元素的名称。元素通常具有开始标记和结束标记,并提供有关其包含的内容的信息。两者之间的区别在于结束标记有正斜杠。 这是一个使用[p元素](#) ( `
` )告诉浏览器一组文本是段落的示例: ```html
This is a paragraph.
``` 打开和关闭标记应该匹配,否则浏览器可能以意外的方式显示内容。 ![XKCD漫画显示文字“问:你如何惹恼开发者?”由开口div标签和关闭span标签包围](http://imgs.xkcd.com/comics/tags.png) ## 自闭元素 某些HTML元素是自动关闭的,这意味着它们没有单独的结束标记。自闭元素通常会在文档中插入一些内容。 一个例子是[br元素](#) ( `This is a paragraph that contains a span element.
` 不正确: `This is a paragraph that contains a span element.
` ## 块级和内联元素 元素有两大类,称为块级和内联。块级元素自动从新行开始,而内联元素位于周围内容中。 帮助将页面组织成部分的元素(例如导航栏,标题和段落)通常是块级元素。插入或提供有关内容的更多信息的元素通常是内联的,例如[链接](#)或[图像](#) 。 ## HTML元素 有一个``元素,用于包含HTML文档的其他标记。它也被称为“根”元素,因为它是其他HTML元素的父级和页面的内容。 这是一个带有[head元素](#the-head-element) , [body元素](#the-body-element)和一个[段落](#the-p-element)的页面示例: ```htmlI'm a paragraph
``` ## HEAD元素 这是用于处理HTML文档的信息和元数据的容器。 ```html ``` ## 身体元素 这是HTML文档的可显示内容的容器。 ```html ... ``` ## P元素 创建一个段落,可能是最常见的块级元素。 ```html...
``` ## A(链接)元素 创建一个超链接,将访问者定向到另一个页面或资源。 ```html ... ``` ## 其他资源 * [HTML段落](#) * [HTML br](#) * [HTML链接](#) * [HTML图片](#) * [HTML头](#) * [HTML正文](#) * [HTML DOCTYPE](#)