新闻中心

媒体资讯

提供网站建设、网页设计、网络营销相关专业资讯

HTML怎么设置图像的宽度和高度?


关键词:网站建设
发布时间:2018-08-15
浏览次数:1793

width和height属性用来定义图片的高度和宽度,如果<img>元素不定义高度和宽度,图片就会按照它的原始尺寸显示。


语法:

<img src="图像文件的地址" width="图像的宽度" height="图像的高度">


说明:

在该语法中,图像的宽度和髙度的单位是像素。


举例:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charser=gb2312"/>
<title>图像的宽度和高度</title>
</head>
<body>
<img src="images/5.jpg" />
<img src="images/5.jpg" width="200" heighfe="160"/>
</body>
</html>


在代码body栏目中

<img src="images/5.jpg" />

<img src="images/5.jpg" width="200" heighfe="160"/>

部分的第1行标记是没有调整的图像宽度和高度,而第2行标记是调整后 图像的宽度和高度,在浏览器中预览可以看到调整图像的宽度和高度,如图4.3所示。


图4.3-调整图像的宽度和高度


提示:无论在width和height属性中指定什么值,整个图像都会被下载,即使width和height属性值设置得很小,图像也不会下载得更快。


本文内容摘取于《网页制作》,仅供参考学习用途!



上一篇:图像的边框border属性

下一篇:图像的提示文字是什么?

免费获取网站建设与品牌策划方案报价

*主要业务:网站推广、高端网站建设、集团网站建设等

ewm
业务热线:18577088886 业务QQ:1273192619 公司地址:广西南宁市高新区科园西二路万保大厦4楼
Copyright © 2014-2022 广西南宁云尚网络科技有限公司 ICP备案:桂ICP备14007327号-6
广西南宁云尚网络科技有限公司

提供陪跑式互联网增长服务

联系方式
ewm微信扫一扫

电话:18577088886

Q Q:1273192619

地址:广西南宁市高新区科园西二路万保大厦4楼


南宁网站建设   南宁网站制作
Copyright © 2014-2021 广西南宁云尚网络科技有限公司 ICP备案:桂ICP备14007327号-6 TAG聚合

QQ

在线咨询真诚为您提供专业解答服务

电话

18577088886
7*24小时服务热线

微信

云尚网站建设二维码扫一扫添加微信
TOP