如何在html中添加的图片上设置超链接_教程

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。

2、在index.html中的<body>标签中的<img>标签代码替换为：<a href="//zhidao.baidu.com"><img src="small.png"></a>。

3、浏览器运行index.html页面，此时图片上被设置了超链接。

在一个<a>标签中加上一个<img>标签内容，即可让该<img>拥有一个超链接。然后可以在后面继续写文字，此文字就会显示成超链接，点击该文字即可进入超链接。下面实例：

扩展资料

格式标志标签：

<p></p>创建一个段落（英文全称：Paragraphs）

<p align="">将段落按左、中、右对齐

<br/>定义新行

<blockquote></blockquote>从两边缩进文本。

<dl></dl>定义列表（英文全称：DefinitionList）。

<dt>放在每个定义术语词前（定义术语、英文全称：DefinitionTerm）。

<dd>放在每个定义之前（定义说明、英文全称：DefinitionDescription）。

<ol></ol>创建一个标有序的列表，默认前面有数字，从数字“1”开始计数，依次叠加，也可以设置为字母或从任何自然数开始计数的列表项。

参考资料

HTML-百度百科

欢迎分享，转载请注明来源：内存溢出

如何在html中添加的图片上设置超链接