HTML常用标签之图像标签

最新推荐文章于 2024-07-16 11:34:20 发布

怅然入梦

最新推荐文章于 2024-07-16 11:34:20 发布

阅读量1.3k

点赞数

分类专栏： HTML5开发学习 HTML基础文章标签： web app html

本文链接：https://blog.csdn.net/anig2014/article/details/44100749

版权

HTML5开发学习同时被 2 个专栏收录

12 篇文章 0 订阅

订阅专栏

HTML基础

12 篇文章 2 订阅

订阅专栏

五. 图像标签

简介: 图像标签简单来说就是超链接的一种, 功能和超链接一样, 唯一却别在于图像标签是点击图像来完成跳转页面的

该标签简单, 直接上码

<!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>

运行结果: