在网页制作过程中，HTML5提供了一系列的基本符号，这些符号可以帮助开发者更高效地构建网页结构。下面，我们就来详细介绍一下这些常用符号，让你在制作网页时更加得心应手。
1. 文档类型声明（DOCTYPE）
文档类型声明（DOCTYPE）是HTML5文档的起始符号，它告诉浏览器该文档使用的HTML版本。在HTML5中，DOCTYPE声明如下：
<!DOCTYPE html>
2. 根元素（html）
根元素（html）是整个HTML文档的容器，它包含了所有的HTML元素。根元素通常包含两个属性：lang和manifest。
<html lang="zh-CN">
<head>
<!-- 页面头部信息 -->
</head>
<body>
<!-- 页面主体内容 -->
</body>
</html>
3. 头部元素（head）
头部元素（head）包含了文档的元数据，如标题、字符集、样式表等。
<head>
<meta charset="UTF-8">
<title>网页标题</title>
<link rel="stylesheet" href="style.css">
</head>
4. 标题元素（title）
标题元素（title）定义了文档的标题，它将显示在浏览器的标签页上。
<title>网页标题</title>
5. 样式元素（style）
样式元素（style）用于定义HTML文档的样式，可以包含CSS代码。
<style>
body {
background-color: #f0f0f0;
}
</style>
6. 脚本元素（script）
脚本元素（script）用于在HTML文档中嵌入JavaScript代码。
<script>
function sayHello() {
alert('Hello, world!');
}
</script>
7. 段落元素（p）
段落元素（p）用于定义文本段落。
<p>这是一个段落。</p>
8. 标题元素（h1-h6）
标题元素（h1-h6）用于定义文档中的标题，其中h1是最高级别的标题，h6是最低级别的标题。
<h1>一级标题</h1>
<h2>二级标题</h2>
<!-- ... -->
<h6>六级标题</h6>
9. 换行元素（br）
换行元素（br）用于在文本中添加换行。
<p>这是一个<br>换行的例子。</p>
10. 水平线元素（hr）
水平线元素（hr）用于在文档中添加水平线。
<p>这是一段文本。</p>
<hr>
<p>这是另一段文本。</p>
11. 段落元素（div）
段落元素（div）是一个通用的容器元素，用于组织文档内容。
<div>这是一个div元素。</div>
12. 标签元素（span）
标签元素（span）用于对文本进行分组，它没有固定的语义。
<span>这是一个span元素。</span>
13. 列表元素（ul、ol、li）
列表元素（ul、ol、li）用于创建无序列表、有序列表和列表项。
<ul>
<li>列表项1</li>
<li>列表项2</li>
<!-- ... -->
</ul>
<ol>
<li>列表项1</li>
<li>列表项2</li>
<!-- ... -->
</ol>
14. 表格元素（table、tr、td）
表格元素（table、tr、td）用于创建表格，其中tr表示表格行，td表示表格单元格。
<table>
<tr>
<td>单元格1</td>
<td>单元格2</td>
<!-- ... -->
</tr>
<!-- ... -->
</table>
15. 图像元素（img）
图像元素（img）用于在网页中插入图片。
<img src="image.jpg" alt="图片描述">
16. 链接元素（a）
链接元素（a）用于创建超链接。
<a href="http://www.example.com">链接文本</a>
17. 文本格式化元素
HTML5提供了以下文本格式化元素：
<b>：加粗文本<i>：斜体文本<em>：强调文本<strong>：强调文本（加粗）<del>：删除文本<ins>：插入文本
<b>加粗文本</b>
<i>斜体文本</i>
<em>强调文本</em>
<strong>强调文本（加粗）</strong>
<del>删除文本</del>
<ins>插入文本</ins>
18. 表单元素
HTML5提供了以下表单元素：
<form>：表单容器<input>：输入框<textarea>：多行文本框<select>：下拉列表<option>：下拉列表选项<button>：按钮
<form>
<input type="text" placeholder="输入文本">
<textarea placeholder="多行文本"></textarea>
<select>
<option value="1">选项1</option>
<option value="2">选项2</option>
<!-- ... -->
</select>
<button type="submit">提交</button>
</form>
通过掌握这些常用基本符号，你可以在网页制作过程中更加得心应手。希望这份速查手册能帮助你快速入门HTML5，祝你制作出更多优秀的网页！