软件学堂

网游分类软件分类

html设置图片的超链接

2012-11-19 来源:网络

【实例介绍】

html设置图片的超链接

可以为一个图片指定链接。图片的链接是用<a>标签来完成的,只要将<img>标签放在<a>和<a>之间就可以了。

【基本语法】

<a href="url" target="目标窗口的打开方式"><img src="图片地址>"···</a>

【语法介绍】

img表示插入图片,在一个HTML文件中的现实图片通常使用<img>标记,SrC是图片的地址。

【实例代码】


<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8"/>
<title>设置图片的超链接</title>
</head>
<body>
<a href="http://www.baidu.com/">
<img src="images/baidu.jpg" with="216"  height="90"/></a>
</body>
</html>

【代码分析】

在代码中,加粗部分的标记为设置图片的链接,在浏览器中预览,单击创建链接的图片时,就可以打开一个新的页面,进入百度网站。

上一篇:PhotoShop制作简单的双色排字效果教程
下一篇:html设置电子邮件链接

相关文章