img标签

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>