HTML中和图片有关的知识点

本文详细介绍了HTML中的图片标签<img/>的使用方法,包括如何设置图片路径、文字说明、图片尺寸调整等属性,并简要提及了<img/>标签在表单中的应用。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

HTML中由一个专门的图片标签<img/>:

<img src=" " alt="" /> 向浏览器当中引入图片。 
   src=""引入图片的路径。 路径可以是相对,可以是绝对。 
   alt: 对图片的文字说明(一般是在流量不佳而导致图片加载出来的时候,会先出现这段文字对图片进行描述)
   width: 指定图片的宽度。 图片会按照原始比例进行缩放。 这样不会失真。 
   heigth: 指定图片的高度。 
   调整图片大小的时候,尽量只调整宽度或者是调整高度。 
   vspace: 图片上下留有的空间。
   hspace: 图片和图片之间的水平距离。 

   border:给图片添加边框

还有一个和图片有关的就是在form表单中,在下一节我会详细介绍form表单,现在先说一下它的基本结构:

   <input type="image"/ src="">图片提交按钮。 
   src: 引入图片的路径。 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值