本篇学习在HTML中图片内嵌链接,前面我们写了图片在HTML中的显示,知道图片需要和当前demo.html文件放在同一个文件夹下或者指定具体磁盘路径。我们在这个基础之上,在图片里添加一个链接。点击图片就跳转到这个链接的网站。这个在好多门户网站的,banner图片中经常使用,例如我们,在新浪体育,点击其中一个图片,会跳转到这个图片内嵌的新闻页面。
我们现实百度图片,点击图片,会跳转到新浪体育。
<!DOCTYPE html>
<html>
<head>
<title>
HTML图片内嵌链接
</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<center>居中显示</center>
<a href="http://sports.sina.com.cn">
<img src="baidu.png" height="60%" width="60%" />
</a>
</body>
</html>