五. 图像标签
简介: 图像标签简单来说就是超链接的一种, 功能和超链接一样, 唯一却别在于图像标签是点击图像来完成跳转页面的
该标签简单, 直接上码
<!DOCTYPE html>
<html>
<head>
<title>图像标签</title>
<meta charset="utf-8">
<meta name="keywords" content="keyword1,keyword2,keyword3">
<meta name="description" content="this is my page">
<meta name="content-type" content="text/html; charset=UTF-8">
<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
</head>
<body>
<a href="Main.html">返回主页</a><br>
<!-- 本地图片: 相对URL, 图片指向百度 -->
<a href="http://www.baidu.com"><img src="Image/beacon.jpg" border="1" width="50%" /></a><br>
<hr>
<!-- 网络图片: 绝对URL, 图片只想CSDN -->
<a href="http://www.csdn.net"><img src="http://images.csdn.net/20140705/1403761471586_副本.jpg"></a>
</body>
</html>
运行结果:
点击第一张图片
点击第二张图片