HTML之img标签

我们都知道img标签是图片标签,图片标签的语法如下:

<img src=" 图片地址" alt="图像的替代文字" title="鼠标悬浮的提示文字" width="图片宽度" height="图片高度"/>

在这里,alt属性是替代文本,当图片因为网络、地址等原因加载不出来时,用户还可以看到网页丢失的内容。title属性可以提供额外的提示或者帮助信息,当鼠标悬浮在图片上时会提示信息。

接下来的例子中,我将文件夹img改为img1,因为图片路径出现问题,所以图片加载不出来,看看代码及效果图:

<img src="img1/woman.jpg" alt="千年之恋" title="斯人若彩虹,遇上方知有" width="300px" height="200px"/>

当我们把图片路径改回来:

猜你喜欢

转载自blog.csdn.net/The_upside_of_down/article/details/82861780