学习:从零玩转HTML5前端+跨平台开发(img标签(掌握))

img三要素
<img src alt title>
1.img=image图片
2.格式:<img src=" ">
3.src=source资源   想要显示图片的名称
4.img标签不会独占一行 
5.属性width,height设置显示的图片有多高多宽
6.如果不设置属性,按照图片原本大默认宽高显示
7.等比例放大只需修改其中一个属性即可
8.title:鼠标悬停图片显示属性
9.ALT:当图片找不到时显示什么内容




img 标签:告诉浏览器显示图片。

img格式:<img src="    ">

                src 告诉img标签需要显示的图片的名称。

img 注意点: img标签 不会独占一行。
                         指定img标签宽度高度后,尺寸不合-               
                        适,可能导致图片变形。
                   --如果只指定一个宽度,那么系统会自动   -   修改高度。
--属性;width:宽度
              height:高度
在img标签中,width喝和height这两个属性作用:告诉img标签将来需要显示的图片有多宽,有多高。
如果img标签没有指定图片的宽高,系统按照图片默认的宽高来显示。如果指定了。那么就按照指定的宽高来显示。


-      title:用来告诉浏览器,当鼠标悬停在图片上时,需要弹出的描述框中显示的内容。
     -alt:作用就是告诉浏览器,当需要显示的图片找不到显示的内容。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值