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

html-css023

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

在一个<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-百度百科

html超链接的写法是使用a标签，如：<a href="//www.baidu.com">百度一下，你就知道</a>。

在html中，a标签中的a（或者 A） 是 anchor 的缩写 。anchor的基本解释是锚，这些标签的作用是标明超连接的起始位置或目的位置。

<a>标签可定义锚，通过使用 href 属性。创建指向另外一个文档的链接（或超链接）通过使用 name 或 id 属性，创建一个文档内部的书签。<a>元素最重要的属性是href属性，它指定目标链接。

在所有浏览器中，链接的默认外观是，未被访问的链接带有下划线而且是蓝色的，已被访问的链接带有下划线而且是紫色的，活动链接带有下划线而且是红色的。

扩展资料：

Html中a标签伪类：

1、a:link {color: #FF0000}

未访问的链接样式。

2、a:visited {color: #00FF00}

已访问的链接样式。

3、a:hover {color: #FF00FF}

当有鼠标悬停在链接样式。

4、a:active {color: #0000FF}

被选择的链接样式。

参考资料来源：百度百科-a （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"