第二章 网站开发基础之HTML教程 - 三、HTML及网页相关的知识点:img图片标签的宽度属性(width)和高度属性(height)

本文介绍了HTML img标签的width和height属性的四种情况:1) 指定实际尺寸;2) 不填写宽度和高度(不推荐);3) 指定统一尺寸(可能导致图片变形);4) 使用JavaScript进行等比缩放。不设置宽度和高度可能导致页面元素抖动,而等比缩放能保持图片比例不变形。
摘要由CSDN通过智能技术生成

(二)img图片标签的宽度属性(width)和高度属性(height)

    归纳起来讲,img图片标签的宽度属性(width)和高度属性(height)在指定值时,会有四种情况。
1.通常情况下填写的是:图片的实际宽度和高度(单位默认为像素)
    如(图2-41),在资源管理器中点中某张图片后,可以看到资源管理器最下方有图片的属性信息,其中的尺寸即是图片的实际宽度和高度,单位是像素。也可以在图片所在文件夹,右击图片,在弹出的菜单中选择“属性”,再点击“详细信息”标签查看图片的尺寸信息。
    (图2-41)中的图片按实际尺寸填写宽度和高度的代码为:

    <img src="images/demo1.jpg" width="134" height="98">

(图2-41)


2.第二种情况:不填写宽度和高度属性(不推荐)
    不填写图片的宽度和高度值,代码直接简单的写为:

    <img src="images/demo1.
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值