img标签

来源:互联网 发布:微信一键加人软件 编辑:程序博客网 时间:2024/05/16 01:26

img标签

  • img 元素向网页中嵌入一幅图像。
  • 从技术上讲, 标签并不会在网页中插入图像,而是从网页上链接图像。
  • 标签创建的是被引用图像的占位空间。

简单的显示图片

# <img> 标签的 src 属性是必需的。# 它的值是图像文件的 URL,也就是引用该图像的文件的的绝对路径或相对路径;# 此处的地指可以是网络地址,也可以是本地地址;<img src="pic-linux.png">

指定像素显示图片

# height指定高度, width指定宽度;<img src="pic-linux.png" style="height:200px; width:200px;">

图片链接

  • 点击图片调转到指定网页,嵌套img标签在a标签里面即可;
<a href="http://www.baidu.com">    <img src="pic-linux.png" style="height:200px; width:200px;"></a>
  • 如果图片加载不出来,显示的内容
<img src="pic-linux.png"  alt="linux">
  • 鼠标放在图片不点击,显示的内容
<img src="pic-linux.png" title="linux">
  • 示例:
<a href="http://www.baidu.com" target="_blank">    <img src="pic-linux.png" title="linux" style="height:200px; width:200px;" alt="linux"></a>
原创粉丝点击