html添加图片视频教程,12-网页中插入图片

图像可以美好网页。插入图片使用的是单标记

img的一些属性

src 用来标记文件的路径

是网络路径

相对于网站跟目录则是绝对路径

相对于当前网页则是相对路径

设置图片的高和宽

width和height可以设置高宽。

另外如果只设置图片的其中一个则另外的一个会自动按比例计算。

图片的单位可以是数字页可以是百分百

这里的百分百是相对于它的所在的容器

比如这里是body 还可以是div等

小图片如果设置比原来的宽高要大则会失真有马赛克

设置图片的提示文字

alt可以设置一个提示文字。它的作用是

1 如果图片能正常加载出来并显示。则当用户把鼠标放在该图片上面的时候。。就是alt的设置的文字。？？？好像title才可以浮动

2 如果图片加载不成功。比如图片不存在或者网络掉包了。则该图片的位置会显示文字。

3 另外alt的值

也有利于搜索引擎对这张图片的收录。

本节代码

    

src="file:///H:/HTML5%E6%95%99%E7%A8%8B/untitled/images/eg_planets.jpg"  />

    

src="../../images/eg_planets.jpg" alt="太阳系"

title="浮动文字提示"

width="100" height="20" />

    

src="../../images/eg_planets.jpg" alt="太阳系"

title="浮动文字提示"

width="100" />

    

src="../../images/eg_planets.jpg" alt="太阳系"

title="浮动文字提示"

height="20" />

    

src="../../images/eg_planets.jpg" alt="太阳系"

title="浮动文字提示"

width="5%" />

    

alt="第三张图片"

/>