<a target="_blank" href="http://www.bt137.com">博图网</a>
这样的话，当你点击 博图网 就会在新的窗口打开
需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。
2、在index.html中的<body>标签中的<img>标签代码替换为：<a href="//zhidao.baidu.com"><img src="small.png"></a>。
3、浏览器运行index.html页面，此时图片上被设置了超链接。
给网页中的一个元素（如：图片）添加超链接，可以让你点击该元素的同时，跳转到相应的网页或其他。一般遵照以下步骤：
1、首先，做一个普通的网页，并且在网页中插入一个元素，以图片为例。
代码入下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" />
<title>无标题文档</title>
</head>
<body>
<img src="./test.jpg">
</body>
</html>
2、添加超链接，用到<a>标签来完成。只要把<img>标签放在<a>和</a>之间就可以了。而a标签又有一个参数：href.该参数用来指定链接的地址，假设我们要链接到百度。那么更改代码如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" />
<title>无标题文档</title>
</head>
<body>
<a href="http://www.baidu.com"><img src="./test.jpg"></a>
</body>
</html>
3、保存后点击该网页，点击网页上图片便会成功连接到百度首页。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）