html 中 img图像标签

大部分标签的 格式 ： 标签 标签属性 属性值

<img/> <a></a> background-image 的引用区别

<img src="LD.gif"/>
<a href="#">LD</a>
body { background-image: url();}

图像标签是单标签
<img>标签用于定义html页面中的图像

<img src=”图像URL”/>

图像标签的属性:

src alt title width height
一般宽和高只修改一个
这样图像会等比例缩放图片不会失真

src是标签的必须属性
它用于指定图像文件的路径和文件名

所谓属性：
简单理解就是属于这个图像标签的特性
Alt替换文本图像显示不出来时用文字替换

<img src=”img.jpg” />
<img src=”img.jpg” alt=”我是LD同学” />

Title提示文本 鼠标放到图片上显示文字

<img src=”img.jpg” title=”我是LD同学” />
<img src=”img.jpg” alt=”我是LD同学” title=”我是LD同学” width=”500” border=”15” />

图像标签属性	属性值	说明
src	图片路径	必须属性
alt	文本	替换文本图像不能显示时 显示文字
title	文本	提示文本鼠标放到图像上显示文字
width height	像素	设置图像的宽度高度 两者择一不失真
border	像素	设置图像的边框粗细

图像标签属性注意点：

1. 图像标签可以拥有多个属性 必须写在标签名后面
2. 属性之间不分先后顺序 标签名与属性 属性与属性之间均以空格分开
3. 属性采取键值对的格式 即key=“value”的格式 属性=“属性值” 这里可以联想一下
4. Src是必须属性