扫码关注官方订阅号
img标签的使用:通过img标签的src属性显示获取到的图像,img标签的height和width属性设置图像的大小、当图像无法显示时,使用alt属性来显示替代文本。
html的img标签可以用于在网页上显示图像,它是仅包含属性的空标记,没有结束标记>。
img标签的属性
img标签内可以包含:src属性、height和width属性、alt属性。其中src属性和alt属性是HTML img标签的重要属性。
下面我们来具体看看img标签的这些属性:
1、src属性
src属性是描述图像源或路径的必要属性,它指示浏览器在服务器上查找图像的位置。
那么获取图像?分两种情况:
1)、获取同一文件夹中图像
当HTML文件和图像在同一个文件夹中时,像这样:
我们可以直接在src属性中填写图像名称,如:
<div class="demo"> <h1>img标签</h1> <img src="1.jpg" / alt="html的img标签是如何使用的" > </div>
效果图:
2)、在另一个目录/文件夹中,如:
则可以像这样访问图像:
<div class="demo"> <h1>img标签</h1> <img src="img/1.jpg" / alt="html的img标签是如何使用的" > </div>
效果图如上图一样。
如果复杂点,当我们将 1.jpg的图像放在本地磁盘E ------> img文件夹中时,我们可以这样显示图片:
< img src="E:/img/1.jpg">
2、height和width属性
img标签的height和width属性可以用来设置图像的高度和宽度,例:
<img src="img/1.jpg" style="max-width:90%" height="300px"/ alt="html的img标签是如何使用的" >
效果图:
img标签图像的高度和宽度也可以通过css来设置,例:
img{ width:450px; height:300px; }
3、alt属性
当图像无法在浏览器上显示时,可以使用alt属性显示替代文本。
例:想要显示1.jpg图片,但文件夹中没有
img标签
<img src="img/1.jpg" style="max-width:90%" height="300px"/ alt="html的img标签是如何使用的" >
效果图:
总结:以上就是本篇文章的全部内容,希望能对大家的学习有所帮助。
以上就是html的img标签是如何使用的的详细内容,更多请关注php中文网其它相关文章!
微信扫码
关注PHP中文网服务号
QQ扫码
加入技术交流群
Copyright 2014-2024 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
精品班
技术支持
技术咨询
学习群
会员优惠
返回顶部
代做工资流水公司南昌打印消费贷流水济南自存流水开具沧州签证工资流水开具株洲工资代付流水新乡查企业贷流水铜陵办理入职工资流水洛阳查询银行流水PS莆田打印入职银行流水大连流水账单公司佛山在职证明代开绵阳薪资银行流水开具德阳银行流水电子版制作太原打转账流水邯郸日常消费流水样本金华转账银行流水查询天津背调银行流水代办石家庄做房贷收入证明上海签证流水代开湘潭银行流水修改查询黄冈办理企业贷流水武汉贷款工资流水 多少钱石家庄打印贷款银行流水上饶查询在职证明包头贷款银行流水样本遵义个人银行流水开具银川薪资流水单代开深圳做房贷工资流水银川入职银行流水样本信阳代办薪资流水单滁州在职证明查询香港通过《维护国家安全条例》两大学生合买彩票中奖一人不认账让美丽中国“从细节出发”19岁小伙救下5人后溺亡 多方发声卫健委通报少年有偿捐血浆16次猝死汪小菲曝离婚始末何赛飞追着代拍打雅江山火三名扑火人员牺牲系谣言男子被猫抓伤后确诊“猫抓病”周杰伦一审败诉网易中国拥有亿元资产的家庭达13.3万户315晚会后胖东来又人满为患了高校汽车撞人致3死16伤 司机系学生张家界的山上“长”满了韩国人?张立群任西安交通大学校长手机成瘾是影响睡眠质量重要因素网友洛杉矶偶遇贾玲“重生之我在北大当嫡校长”单亲妈妈陷入热恋 14岁儿子报警倪萍分享减重40斤方法杨倩无缘巴黎奥运考生莫言也上北大硕士复试名单了许家印被限制高消费奥巴马现身唐宁街 黑色着装引猜测专访95后高颜值猪保姆男孩8年未见母亲被告知被遗忘七年后宇文玥被薅头发捞上岸郑州一火锅店爆改成麻辣烫店西双版纳热带植物园回应蜉蝣大爆发沉迷短剧的人就像掉进了杀猪盘当地回应沈阳致3死车祸车主疑毒驾开除党籍5年后 原水城县长再被查凯特王妃现身!外出购物视频曝光初中生遭15人围殴自卫刺伤3人判无罪事业单位女子向同事水杯投不明物质男子被流浪猫绊倒 投喂者赔24万外国人感慨凌晨的中国很安全路边卖淀粉肠阿姨主动出示声明书胖东来员工每周单休无小长假王树国卸任西安交大校长 师生送别小米汽车超级工厂正式揭幕黑马情侣提车了妈妈回应孩子在校撞护栏坠楼校方回应护栏损坏小学生课间坠楼房客欠租失踪 房东直发愁专家建议不必谈骨泥色变老人退休金被冒领16年 金额超20万西藏招商引资投资者子女可当地高考特朗普无法缴纳4.54亿美元罚金浙江一高校内汽车冲撞行人 多人受伤