HTML（HyperText Markup Language）是一种用于创建网页的标准标记语言，它可以用来组织网页的内容，包括文本、图片、链接等元素，在编写HTML代码时，我们通常使用文本文档作为编辑器，如记事本、Sublime Text、Visual Studio Code等，本文将介绍如何使用文本文档编写HTML代码。
准备工作
1、选择一个文本编辑器：你需要选择一个适合编写HTML代码的文本编辑器，常见的文本编辑器有记事本、Sublime Text、Visual Studio Code等，这些编辑器都支持基本的文本编辑功能，如复制、粘贴、撤销等，并且可以高亮显示HTML代码，方便阅读和编写。
2、创建一个HTML文件：在文本编辑器中，新建一个文件，并将其保存为以“.html”为扩展名的文件，你可以将其命名为“index.html”。
编写HTML代码
1、编写基本结构：HTML代码的基本结构包括DOCTYPE声明、html标签、head标签和body标签，DOCTYPE声明用于告诉浏览器当前文档使用的是HTML5标准；html标签是整个HTML文档的根元素；head标签包含了文档的元数据，如标题、字符集等；body标签包含了文档的主体内容，如文本、图片、链接等。
示例代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>我的第一个HTML页面</title>
</head>
<body>
<h1>欢迎来到我的网站！</h1>
<p>这是一个简单的HTML页面。</p>
</body>
</html>
2、添加文本内容：在body标签内，你可以添加各种HTML元素来展示文本内容，常用的文本元素有段落（p）、标题（h1-h6）、无序列表（ul）、有序列表（ol）等。
示例代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>我的第一个HTML页面</title>
</head>
<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>
</html>
3、添加图片和链接：在HTML中，可以使用img标签插入图片，使用a标签创建链接，img标签需要设置src属性来指定图片的路径；a标签需要设置href属性来指定链接的目标地址，可以使用alt属性为图片提供描述信息，使用target属性指定链接在新窗口或原窗口打开。
示例代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>我的第一个HTML页面</title>
</head>
<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>
<img src="example.jpg" alt="示例图片" width="300" height="200">
<a href="https://www.example.com" target="_blank">访问示例网站</a>
<h2 id="section2">第二部分</h2>
<p>这里是第二部分的内容。</p>
</body>
</html>
常见问题与解答
问题1：为什么在浏览器中打开HTML文件时，图片无法显示？
答：这可能是因为图片文件的路径不正确或者图片文件丢失，请检查图片文件的路径是否正确，以及图片文件是否确实存在于指定的路径下，如果问题仍然存在，可以尝试将图片文件放在与HTML文件相同的目录下，然后修改img标签的src属性为相对路径，如“example.jpg”。
