方法1 方法1的2：写HTML代码

1. 1 创建一个HTML文件。打开一个文本编辑器，然后创建一个新文件。将该文件保存为index.html。- 你可以使用任何你想要的文本编辑器，甚至是Windows提供的系统文本编辑器、记事本和Mac OS X的TextEdit。- 如果你想使用一个用于处理HTML的文本编辑器，点击这里下载Atom，一个可以在Windows、Mac OS X和Linux操作系统上使用的文本编辑器。这个设置将确保HTML文件在网络浏览器中正常加载。 - 字母处理器，如Microsoft Word，并不适合编写HTML，因为它们会添加不可见的字符和格式，从而破坏HTML文件，使其不能在网络浏览器中正确显示。

2. 2 复制并粘贴标准的HTML代码。选择并复制下面的HTML代码，然后粘贴到你打开的index.html文件中。 <a href="DESTINATION URL"><img src="IMAGE URL" /></a>

3. 3找到一个图像的URL。在互联网上找到一张图片，右击该图片，然后根据你的浏览器，点击复制图片URL，复制图片地址，或复制图片位置。- 火狐和Internet Explorer使用复制图像位置。Chrome使用复制图像URL。Safari使用复制图像地址。

4. 4添加图像URL。在index.html文件中，用鼠标点击并拖动选择IMAGE URL，然后按CTRL + V粘贴图像URL。

5. 5添加目的地URL。在index.html文件中，删除DESTINATION URL，然后输入https://www.google.com。- 你可以使用任何你想要的URL作为目标URL。

6. 6保存HTML文件。

7. 7 在一个网络浏览器中打开HTML文件。右键单击index.html文件，然后在你选择的网络浏览器中打开它。- 当浏览器打开时，如果你没有看到图像，确保图像文件名在index.html文本编辑器窗口中拼写正确。你可能想尝试在一个不同的文本编辑器中编辑HTML文件。

方法2方法2：理解HTML代码

1. 1了解 "锚 "标签。HTML代码是由开放标签和封闭标签组成的。<a href=""> 标签是开放标签，</a> 是封闭标签。它被称为锚标签，用于在网页上添加链接。<a告诉浏览器要呈现一个链接。href是HTML参考的简称，=告诉浏览器将""之间的所有内容都变成一个链接。当你在<a href="">和</a>之间添加文本时，它将使该文本成为网页上的可点击链接。例如，<a href="https://www.google.com">Google</a>将创建一个链接到Google。

2. 2了解图像标签。<img>标签是一个自我关闭的标签。你可以通过写<img src="" 来关闭它。/>或写<img src=""></img>。<img标签告诉浏览器渲染一个图像。src是source的缩写，=告诉浏览器在""之间的所有内容，并从该位置获取图像。/>告诉浏览器关闭图像标签。例如，{{samp[|<img src="https://www.google.com/images/srpr/logo11w.png" />}}将从该URL获取图像，然后在网络浏览器中显示。

3. 3在任何地方使用这个代码。现在你知道了这段代码，你可以使用<a href="DESTINATION URL"><img src="IMAGE URL" /></a>将可点击的图像添加到任何可以呈现HTML代码的网页上。