场景：在网页中显示图片
特点：
• 单标签
• img标签需要展示对应的效果，需要借助标签的属性进行设置！
图片标签的src属性
属性名：src
Ø 属性值：目标图片的路径
Ø 注意点：
Ø 当前网页和目标图片在同一个文件夹中，路径直接写目标图片的名字即可（包括后缀名）
Ø 路径的情况有很多，在之后的学习过程中，会了解用法。
图片标签的alt属性
属性名：alt
Ø 属性值：替换文本
• 当图片加载失败时，才显示alt的文本
• 当图片加载成功时，不会显示alt的文本
图片标签的title属性
属性名：title
Ø 属性值：提示文本
• 当鼠标悬停时，才显示的文本
Ø 注意点：title属性不仅仅可以用于图片标签，还可以用于其他标签
图片标签的width和height属性
属性名：width和height
Ø 属性值：宽度和高度（数字）
Ø 注意点：
• 如果只设置width或height中的一个，另一个没设置的会自动等比例缩放（此时图片不会变形）
• 如果同时设置了width和height两个，若设置不当此时图片可能会变形
总结：图片的常见属性有哪些？
声明：该文观点仅代表作者本人，《前端技术分享网》系信息发布平台，前端技术分享网仅提供信息存储空间服务。发布者：果壳日志，转载请注明出处：https://www.xin12123.com/n/327.html
