当前位置：软件学堂 > 资讯首页 > 网络编程 > DIV+CSS > html设置图片的超链接

html设置图片的超链接

2012/11/19 12:15:20作者：佚名来源：网络

移动端

【实例介绍】

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>

【代码分析】

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

标签：链接 html

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

相关文章

热门软件/ 推荐游戏/ 手机软件

资讯分类

Dreamweaver Flash DIV+CSS 编程其他

推荐教程

精品软件推荐

360安全卫士

讯飞输入法