📅 最后修改于: 2023-12-03 15:15:42.022000 🧑 作者: Mango
HTML 是一种用于创建 Web 页面的标记语言。它由一系列元素组成，这些元素可以用于描述文档的结构和内容。本文将介绍一些常用的 HTML 元素和它们的用法。
HTML 文档的基本结构如下：
<!DOCTYPE html>
<html>
<head>
<title>Document Title</title>
</head>
<body>
Document Content
</body>
</html>
其中 <!DOCTYPE html> 声明了文档类型为 HTML5。<html> 元素是 HTML 文档的根元素，它里面包含了 <head> 和 <body> 两个子元素。
<head> 元素用于包含文档的元数据和链接信息，比如文档标题、样式表和 JavaScript 文件等。<body> 元素用于包含文档的主要内容。
HTML 中有六个级别的标题元素，分别是 <h1> 到 <h6>，其中 <h1> 为最高级别的标题。示例：
<h1>这是一级标题</h1>
<h2>这是二级标题</h2>
<h3>这是三级标题</h3>
<h4>这是四级标题</h4>
<h5>这是五级标题</h5>
<h6>这是六级标题</h6>
段落元素 <p> 用于表示一段文本，示例：
<p>这是一段文本。</p>
链接元素 <a> 用于创建一个超链接，示例：
<a href="https://www.example.com/">访问 Example</a>
图片元素 <img> 用于插入一张图片，示例：
<img src="image.jpg" alt="图片描述">
有序列表元素 <ol> 和无序列表元素 <ul> 用于创建列表，示例：
<ul>
<li>列表项 1</li>
<li>列表项 2</li>
<li>列表项 3</li>
</ul>
<ol>
<li>有序列表项 1</li>
<li>有序列表项 2</li>
<li>有序列表项 3</li>
</ol>
表格元素 <table> 用于创建表格，示例：
<table>
<thead>
<tr>
<th>表头 1</th>
<th>表头 2</th>
<th>表头 3</th>
</tr>
</thead>
<tbody>
<tr>
<td>单元格 1-1</td>
<td>单元格 1-2</td>
<td>单元格 1-3</td>
</tr>
<tr>
<td>单元格 2-1</td>
<td>单元格 2-2</td>
<td>单元格 2-3</td>
</tr>
</tbody>
</table>
表单元素 <form> 用于创建表单，示例：
<form>
<label for="username">用户名：</label>
<input type="text" id="username" name="username">
<label for="password">密码：</label>
<input type="password" id="password" name="password">
<input type="submit" value="登录">
</form>
本文介绍了 HTML 基本结构和一些常见的 HTML 元素。掌握了这些基础知识之后，你可以开始创建自己的 Web 页面了。