HTML如何设置图片超链接，代码要怎么写？

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

<a href="www.baidu.com">

<img border="0" src="/i/eg_buttonnext.gif" /></a>

扩展资料

格式标志标签：

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

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

<br/>定义新行

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

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

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

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

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

参考资料

HTML-百度百科

可以使用input的click事件进行处理，这里假设点击转向的链接是百度，方法如下：

1、DOM0级事件处理:

1）html代码：<input name="注册" type="button" id="btn1" title="登注册" value="注册" o nclick="goToBaiDu()"/>

2）js代码：

function goToBaiDu(){

console.log('现在去百度啦！')

window.open('http://www.baidu.com')

}

效果如下：

2、DOM2级事件，绑定click事件，如下：

1）html代码：<input name="注册" type="button" id="btn1" title="登注册" value="注册"/>

2）js代码：

window.onload = function(){

document.getElementById('btn1').addEventListener('click',goToBaiDu)

}

function goToBaiDu(){

console.log('现在去百度啦！')

window.open('http://www.baidu.com')

}

效果如下：

3、上面的方式的打开一个新窗口，还有一个打开链接的方式，是在当前标签页下直接跳转到另一个页面，代码如下：

window.location.href="http://www.baidu.com"

---