HTML--图片

 图片标签

<img src="图片地址" width="300" height="200" border="1" hspace="20" vspace="20" alt="图片内容"/>

src="images/tupian.jpg",图片在本机或者网络上的有效存放地址;

width=“300”,图片宽度,以像素(px)为单位,但是在标签中不写单位;

height=“200”,图片高度,以像素为(px)单位,在标签中不写单位;

border="1",图片的边框,以像素为(px)单位,在标签中不写单位,值越大边框越粗;

hspace="20",图片与内容左右之间的间隔距离,以像素为(px)单位,在标签中不写单位;

vspace="20",图片与内容上下之间的间隔距离,以像素为(px)单位,在标签中不写单位;

alt="图片内容",当图片失效时,作为图片内容的解释;

注意:①除了alt属性必须出现在标签中,外其他属性后期将使用CSS样式表,所以不要出现在标签当中,应当保持代码的简洁性;

          ②通常只写宽度,页面会根据程序员所设置的宽度等比例缩放图片的高度,是保证图片的长宽比例协调。

原文地址:https://www.cnblogs.com/wells33373/p/8086668.html