HTML 元素
学习HTML元素的语法结构和嵌套规则。
HTML 元素语法
HTML元素由开始标签、内容和结束标签三部分组成：
元素结构
<标签名>内容</标签名> 例如：
示例
<h1>这是一个标题</h1>
<p>这是一个段落</p> 元素嵌套
HTML元素可以嵌套使用，即一个元素内部可以包含其他元素：
嵌套示例
<html>
<head>
<title>嵌套示例</title>
</head>
<body>
<p>
<strong>这是加粗的文本</strong>
</p>
</body>
</html> 注意
嵌套时必须正确闭合标签，不能交叉嵌套。例如：
<p>错误 <span>嵌套</p></span> 是错误的！
空元素
有些元素没有内容，也没有结束标签，这些称为空元素或自闭合标签：
空元素示例
<br> <!-- 换行 -->
<hr> <!-- 水平线 -->
<img src="image.jpg"> <!-- 图片 -->
<meta charset="UTF-8"> <!-- 元信息 -->
<input type="text"> <!-- 输入框 --> 提示
在HTML5中，自闭合标签不需要加斜杠（如 <br>）；但在XHTML中必须写成 <br/>。
大小写不敏感
HTML标签名不区分大小写，以下三种写法都是正确的：
<HEAD><Head><head>
建议
虽然HTML不区分大小写，但建议全部使用小写，这是W3C的标准推荐，也是Web开发的主流实践。
💻 在线代码编辑器
👁️ 预览效果