内容

• 踩
• 方法2之1：编写HTML代码
• 方法2之2：了解HTML代码

只需一行HTML代码，您就可以将可点击的图片添加到几乎所有网站上。要完成此工作，需要两件事。您需要图像的URL以及网站的URL。

踩

方法2之1：编写HTML代码

1. 创建一个HTML文件。 打开一个文本编辑器，然后创建一个新文件。将文件另存为index.html。
   •您可以使用任何所需的文本编辑器，甚至包括Windows（Notepad）和Mac OS X（TextEdit）的简单文本编辑器。
   •如果要使用用于HTML的文本编辑器，请单击此处下载适用于Windows，Mac OS X和Linux的文本编辑器Atom。
   •如果您正在使用TextEdit，点击创建HTML文件之前格式菜单，然后单击制作纯文本。此设置可确保HTML文件在Web浏览器中正确加载。
   •诸如Microsoft Word之类的文字处理器并不是真的很适合编写HTML，因为它们会添加不可见的字符和格式，这会破坏HTML文件并使其在Web浏览器中显示不正确。
2. 复制并粘贴标准HTML代码。 选择并复制下面的HTML代码，然后将其粘贴到打开的index.html中。
   

   a href =“目标网址”> img src =“图像网址” /> / a>

3. 查找图像的URL。 在网络上查找图像，右键单击它，然后（取决于您的浏览器）单击“复制图像URL”，“复制图像地址”或“复制图像位置”。
   •Firefox和Internet Explorer使用“复制图像位置”。 Chrome使用复制图片网址。 Safari使用“复制图像地址”。
4. 添加图像的URL。 在index.html文件中，单击并拖动以用鼠标选择图像的URL，然后按CTRL + V粘贴URL。
5. 添加目标URL。 在index.html中，删除目标网址并输入 https://www.startpage.com.
   •您可以使用任何URL作为目标URL。
6. 保存HTML文件。
7. 在Web浏览器中打开HTML文件。 右键单击index.html，然后在您选择的Web浏览器中打开此文件。
   •如果浏览器打开，但看不到图像，请确保已在index.html文件中正确拼写了图像文件名。
   •当浏览器打开时，但是您看到HTML代码而不是背景图像时，index.html将另存为.rtf文件（富文本文件）。尝试在另一个文本编辑器中编辑HTML文件。

方法2之2：了解HTML代码

1. 了解锚标签。 HTML代码由打开和关闭标签组成。 a href =“”>标记是开始标记，/ a>是结束标记。这称为锚标记，用于添加到网页的链接。
   • 这 一种 告诉浏览器创建链接。这 href 是HTML参考的缩写， = 告诉浏览器在 ’ ’ 创建一个链接。任何URL都可以放在两个引号之间。
   • 这 /一> 告诉浏览器定位标记已关闭。
   • 当您在之间添加文字时 a href =“”> 和 /一> 该文本将成为网页上的可点击链接。例如： a href =“ https://www.google.com”> Google / a> 创建指向Google的链接。
2. 了解图片标签。 img>标签是封闭标签。您可以使用img src =“” />或img src =“”> / img>将其关闭。
   • 这 img 标签告诉浏览器显示图像。这 src 是来源的缩写，de = 告诉浏览器删除之间的所有内容 ’ ’ 并从该位置检索图像。
   • 这 /> 告诉浏览器关闭图片标签。
   • 例如：{SAMP [}从该URL获取的图像，然后将其显示在Web浏览器。
3. 随处使用此代码。 现在您知道了此代码，您可以 a href =“目标网址”> img src =“图像网址” /> / a> 用于将可点击的图片添加到带有HTML代码的任何网页上。