img标签的使用方法

Posted yuexijun

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了img标签的使用方法相关的知识,希望对你有一定的参考价值。

<!DOCTYPE html>
<html>
<head>
    <title>img标签</title>
</head>
<body>
    <img src="images/1.jpg" width="300" height="500" alt="老代吃屎" title="你那损样">
    <img src="https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=2420582938,2957316878&fm=26&gp=0.jpg" width="200" height="300" title="好好看" alt=‘色色色‘>

</body
</html>

 

src属性可以接受本地图片路径也可以接受网络图片路径;width可以设置图片宽度;height可以设置图片高度;alt可以在图片无法正常率显示下做出对图片的相应的提示,如果图片可以正常显示则无法显示文字提示,提高用户体验度;title为图片加上悬浮框提示

以上是关于img标签的使用方法的主要内容,如果未能解决你的问题,请参考以下文章

php如何在img后面加br标签

Vue项目中img标签src的路径问题

如何获取img标签的src属性值

在将图像分配给 img 标签之前使用 javascript 调整图像大小

7 HTML中img标签的图片资源处理

使用 PhoneGap 从 img 标签本地保存图像