菜单
×
   ❮     
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 Computercode 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 Workers HTML SSE

HTML 示例

HTML 示例 HTML 编辑器 HTML 测验 HTML 练习 HTML 网站 HTML 面试准备 HTML 新兵训练营 HTML 证书 HTML 摘要 HTML 无障碍性

HTML 参考

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

HTML 元素


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


HTML 元素

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

<tagname>内容放在这里...</tagname>

一些 HTML 元素的示例

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

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


嵌套的 HTML 元素

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

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

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

示例

<!DOCTYPE html>
<html>
<body>

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

</body>
</html>
自己动手试一试 »

示例解释

The <html> element is the root element and it defines the whole HTML document.

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

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

<body>

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

</body>

The <body> element defines the document's body.

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

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

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

The <h1> element defines a heading.

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

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

The <p> element defines a paragraph.

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

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


切勿省略结束标签

有些 HTML 元素即使您忘记了结束标签也会正确显示。

示例

<html>
<body>

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

</body>
</html>
自己动手试一试 »

但是,永远不要依赖这一点!如果忘记结束标签,可能会出现意外的结果和错误!


空的 HTML 元素

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

The <br> tag defines a line break, and is an empty element without a closing tag

示例

<p>这是一个带有换行的段落。<br>
自己动手试一试 »

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


×

联系销售

如果您想将 W3Schools 服务用于教育机构、团队或企业,请发送电子邮件给我们
sales@w3schools.com

报告错误

如果您想报告错误,或想提出建议,请发送电子邮件给我们
help@w3schools.com

W3Schools 经过优化,旨在方便学习和培训。示例可能经过简化,以提高阅读和学习体验。教程、参考资料和示例会不断审查,以避免错误,但我们无法保证所有内容的完全正确性。使用 W3Schools 即表示您已阅读并接受我们的使用条款Cookie 和隐私政策

版权所有 1999-2024 Refsnes Data。保留所有权利。W3Schools 由 W3.CSS 提供支持