HTML（HyperText Markup Language，超文本标记语言）是用于创建网页的标准标记语言，它可以用来组织网页的内容，包括文本、图片、链接等元素，通过使用HTML，我们可以创建一个具有良好结构和布局的网页，下面是一个简单的HTML网页制作教程。
1、创建一个HTML文件
我们需要创建一个HTML文件，你可以使用任何文本编辑器来创建这个文件，例如Notepad、Sublime Text或者Visual Studio Code，将文件保存为.html扩展名，例如index.html。
2、编写HTML基本结构
HTML文件的基本结构包括DOCTYPE声明、html标签、head标签和body标签，DOCTYPE声明告诉浏览器这是一个HTML5文档，而html标签则包含了整个HTML文档的内容，head标签包含了网页的元数据，如标题、字符集等，而body标签则包含了网页的可见内容，如文本、图片、链接等。
以下是一个简单的HTML基本结构示例：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>我的网页</title>
</head>
<body>
<!-- 网页内容 -->
</body>
</html>
3、添加标题
在head标签内，我们可以通过title标签为网页添加一个标题，这个标题将显示在浏览器的标签页上。
<head>
<meta charset="UTF-8">
<title>我的网页</title>
</head>
4、添加文本内容
在body标签内，我们可以添加各种文本内容，如段落、标题、列表等，这些内容可以使用不同的标签来表示，例如p标签表示段落，h1-h6标签表示不同级别的标题，ul和li标签表示无序列表和列表项。
<body>
<h1>欢迎来到我的网页！</h1>
<p>这是一个简单的HTML网页示例。</p>
<h2>目录</h2>
<ul>
<li><a href="#section1">第一部分</a></li>
<li><a href="#section2">第二部分</a></li>
</ul>
<h2 id="section1">第一部分</h2>
<p>这里是第一部分的内容。</p>
<h2 id="section2">第二部分</h2>
<p>这里是第二部分的内容。</p>
</body>
5、添加图片和链接
在body标签内，我们可以使用img标签来添加图片，使用a标签来添加链接。
<body>
<!-- 其他内容 -->
<h2>相关链接</h2>
<ul>
<li><a href="https://www.example1.com">示例网站1</a></li>
<li><a href="https://www.example2.com">示例网站2</a></li>
</ul>
<h2>图片展示</h2>
<img src="image1.jpg" alt="示例图片1" width="300" height="200">
<img src="image2.jpg" alt="示例图片2" width="300" height="200">
</body>
6、保存并查看网页
完成以上步骤后，保存HTML文件，然后用浏览器打开它，你应该能看到一个简单的网页，包含标题、文本、链接和图片等内容，你还可以继续学习HTML的其他功能，如表格、表单、多媒体等，以创建更复杂的网页。