HTML 是超文本标记语言（HyperText Markup Language）的缩写，是用来描述网页结构的标记语言。在这篇教学中，我们将介绍一些 HTML 基础知识，帮助新手快速学习并掌握如何编写简单的网页。
### 第一部分：HTML 基础
#### 1. 标签（Tags）
HTML 使用标签来描述页面的结构，每个标签由尖括号包围，如`<tagname>`。标签通常是成对出现的，包括开始标签和结束标签，如`<tagname>内容</tagname>`。有些标签是自闭合的，不需要结束标签，如`<br>`用来表示换行。
#### 2. 基本结构
一个最简单的 HTML 页面结构如下：
html
<!DOCTYPE html>
<html>
<head>
<title>页面标题</title>
</head>
<body>
<h1>这是一个标题</h1>
<p>这是一个段落</p>
</body>
</html>- `<!DOCTYPE html>`：声明文档类型为 HTML5。
- `<html>`：HTML 页面的根元素。
- `<head>`：包含页面的元信息，如标题、样式表和脚本等。
- `<title>`：定义页面标题，显示在浏览器标签上。
- `<body>`：包含页面的内容。
- `<h1>`：定义标题级别为一级标题。
- `<p>`：定义段落。
#### 3. 常用标签
以下是一些常用的 HTML 标签：
- 标题：`<h1>` 到 `<h6>`，分别表示一级标题到六级标题。
- 段落：`<p>`。
- 链接：`<a>`，用来创建超链接。
- 图像：`<img>`，用来显示图片。
- 列表：`<ul>`、`<ol>`、`<li>`，分别表示无序列表、有序列表和列表项。
- 表格：`<table>`、`<tr>`、`<td>`，分别表示表格、表格行和表格单元格。
- 表单：`<form>`、`<input>`、`<button>`，用来创建表单及输入框。
### 第二部分：实例演示
#### 1. 创建一个简单网页
让我们一起创建一个简单的网页，包含标题、段落和链接。
html
<!DOCTYPE html>
<html>
<head>
<title>我的第一个网页</title>
</head>
<body>
<h1>欢迎来到我的网页！</h1>
<p>这是一个使用 HTML 创建的简单网页。</p>
<a href="https://www.example.com">点击访问示例网站</a>
</body>
</html>#### 2. 插入图片
让我们再给网页添加一张图片。
html
<!DOCTYPE html>
<html>
<head>
<title>我的第一个网页</title>
</head>
<body>
<h1>欢迎来到我的网页！</h1>
<p>这是一个使用 HTML 创建的简单网页。</p>
<a href="https://www.example.com">点击访问示例网站</a>
<img src="image.jpg" alt="示例图片">
</body>
</html>#### 3. 创建表格
最后，我们来创建一个简单的表格。
html
<!DOCTYPE html>
<html>
<head>
<title>我的第一个网页</title>
</head>
<body>
<h1>欢迎来到我的网页！</h1>
<p>这是一个使用 HTML 创建的简单网页。</p>
<a href="https://www.example.com">点击访问示例网站</a>
<img src="image.jpg" alt="示例图片">
<table>
<tr>
<th>项目</th>
<th>描述</th>
</tr>
<tr>
<td>项目1</td>
<td>这是项目1的描述。</td>
</tr>
<tr>
<td>项目2</td>
<td>这是项目2的描述。</td>
</tr>
</table>
</body>
</html>### 结语
通过这篇教程，你应该已经掌握了如何使用 HTML 创建一个简单的网页，并了解了一些基本的 HTML 标签和结构。继续练习和深入学习，你将能够编写更复杂和丰富的网页内容。祝你在学习 HTML 的过程中取得成功！
声明：本网站所有代码类模块均为本人原创作品，未经许可不得用于商业用途。本文来自QSZ学习网站，作者：北边村的富少，转载请注明原文链接：https://www.cnblogs.com/qsz666/p/18061044
