HTML img图片标签

本文深入讲解HTML中的img标签,包括其各个属性如src、alt、title、width和height的使用方法,以及相对路径和绝对路径的区别与应用。通过本文,读者将能熟练掌握如何在网页中正确地插入和管理图片。

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

img  :图片标签 ,  单标签

  <img    src = ""    alt = ""    title =""    width = ""    height = "" >

  src  :  图片的路径、地址也可以直接写图片的链接(路径分为:相对路径、绝对路径);

  alt   : 当图片加载不出来时,所展现出来的替换文本;

  title :  当鼠标悬停时,所显示的文字  (通用属性,所有标签都可以使用

  width : 图片的宽度;

  height : 图片的高度;

二、路径

   1. 相对路径   

       被引用的资源相对于本文件的路径称之为 相对路径。

       ../   :  表示返回上一级;

       ./   :   表示在当前目录下,可以不写  ;

       /    :   表示在当前文件所在的根目录开始查找;

       对于不同的文件,引用同一个资源时,相对路径可能不相同。

     2. 绝对路径

        从盘符开的路径称之为绝对路径。

        对于不同的文件,引用同一个文件时,绝对路径都是一样的。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值