Menu
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS CYBERSECURITY DATA SCIENCE
     ❯   

HTML 教程

HTML 主页 HTML 简介 HTML 编辑器 HTML 基础 HTML 元素 HTML 属性 HTML 标题 HTML 段落 HTML 样式 HTML 格式化 HTML 引号 HTML 注释 HTML 颜色 HTML CSS HTML 链接 HTML 图片 HTML 收藏夹图标 HTML 页面标题 HTML 表格 HTML 列表 HTML 块级和内联 HTML Div HTML 类 HTML Id HTML Iframes HTML JavaScript HTML 文件路径 HTML Head HTML 布局 HTML 响应式 HTML 计算机代码 HTML 语义 HTML 样式指南 HTML 实体 HTML 符号 HTML 表情符号 HTML 字符集 HTML URL 编码 HTML vs. XHTML

HTML 表单

HTML 表单 HTML 表单属性 HTML 表单元素 HTML 输入类型 HTML 输入属性 输入表单属性

HTML 图形

HTML Canvas HTML SVG

HTML 媒体

HTML 媒体 HTML 视频 HTML 音频 HTML 插件 HTML YouTube

HTML API

HTML 地理位置 HTML 拖放 HTML Web 存储 HTML Web 工作者 HTML SSE

HTML 示例

HTML 示例 HTML 编辑器 HTML 问答 HTML 练习 HTML 网站 HTML 面试准备 HTML 集训营 HTML 证书 HTML 总结 HTML 可访问性

HTML 参考

HTML 标签列表 HTML 属性 HTML 全局属性 HTML 浏览器支持 HTML 事件 HTML 颜色 HTML Canvas HTML 音频/视频 HTML 文档类型 HTML 字符集 HTML URL 编码 HTML 语言代码 HTTP 消息 HTTP 方法 PX 到 EM 转换器 键盘快捷键

HTML 元素


HTML 元素由开始标签、一些内容和结束标签定义。


HTML 元素

HTML 元素 是从开始标签到结束标签的所有内容

<tagname>内容在此处...</tagname>

一些 HTML 元素的示例

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

注意: 一些 HTML 元素没有内容(例如 <br> 元素)。这些元素称为空元素。空元素没有结束标签!


嵌套 HTML 元素

HTML 元素可以嵌套(这意味着元素可以包含其他元素)。

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

以下示例包含四个 HTML 元素(<html><body><h1><p>

示例

<!DOCTYPE html>
<html>
<body>

<h1>我的第一个标题</h1>
<p>我的第一段落。</p>

</body>
</html>
亲自尝试 »

示例说明

The <html> 元素是根元素,它定义了整个 HTML 文档。

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

然后,在 <html> 元素内部有一个 <body> 元素

<body>

<h1>我的第一个标题</h1>
<p>我的第一段落。</p>

</body>

The <body> 元素定义了文档的主体。

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

然后,在 <body> 元素内部还有两个其他元素:<h1> <p>

<h1>我的第一个标题</h1>
<p>我的第一段落。</p>

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

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

<h1>我的第一个标题</h1>

The <p> 元素定义了一个段落。

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

<p>我的第一段落。</p>


切勿跳过结束标签

一些 HTML 元素即使你忘记了结束标签也会正确显示

示例

<html>
<body>

<p>这是一个段落
<p>这是一个段落

</body>
</html>
亲自尝试 »

但是,切勿依赖此!如果你忘记了结束标签,可能会出现意外结果和错误!


空 HTML 元素

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

The <br> 标签定义了一个换行符,它是一个没有结束标签的空元素

示例

<p>这是一个带换行符的<br>段落。</p>
亲自尝试 »

HTML 不区分大小写

HTML 标签不区分大小写:<P><p> 的含义相同。

HTML 标准不要求小写标签,但 W3C 建议 在 HTML 中使用小写,并要求 在更严格的文档类型(如 XHTML)中使用小写。

在 W3Schools,我们始终使用小写标签名。



HTML 标签参考

W3Schools 的标签参考包含有关这些标签及其属性的更多信息。

标签 描述
<html> 定义 HTML 文档的根
<body> 定义文档的主体
<h1> 到 <h6> 定义 HTML 标题

有关所有可用 HTML 标签的完整列表,请访问我们的 HTML 标签参考


视频:HTML 元素

Tutorial on YouTube
Tutorial on YouTube


×

Contact Sales

If you want to use W3Schools services as an educational institution, team or enterprise, send us an e-mail:
[email protected]

Report Error

If you want to report an error, or if you want to make a suggestion, send us an e-mail:
[email protected]

W3Schools is optimized for learning and training. Examples might be simplified to improve reading and learning. Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content. While using W3Schools, you agree to have read and accepted our terms of use, cookie and privacy policy.

Copyright 1999-2024 by Refsnes Data. All Rights Reserved. W3Schools is Powered by W3.CSS.