img图片和路径用途

图片:img标签定义html页面中的图像

语法:

属性:

src属性:

作用:用于指定图像文件的路径和文件名

必须属性

alt属性:

作用:用来指定替换的文本,当图片加载失败显示改文字对图像进行替换,有利于用户体验

title属性:

作用:当鼠标悬停在图片上,鼠标的右下角出现对应的文字,对图片进行解释说明,有利于用户体验

width/height属性:

作用:用于指定图片的宽度/高度

注意:如果指定款或高其中的一个,另一个按照原比例等比例缩放

默认样式:

多张图片早一行显示

图片之间有间隙 -- 换行会被解析成空格

默认产生下间隙

路径:images文件夹存放图片,找图片是,急需要通过路径来描述图片文件的位置

URL--统一资源定位符,

绝对路径:

网络上的绝对路径:

语法:在网上复制图片链接

磁盘上的绝对路径

语法:在C盘出发复制上面的路径;

特点:绝对URL始终指向同一位置,无论在何处使用

注意:在链接到同一个网站的其他位置时,应该尽可能使用相对路径,链接到另外一个网站时,需要使用绝对路径。

相对路径:

指的是由这个文件所在的位置为参考基础,而建立出的目录关系,常用的描述路径的方法:当前目录、上一级目录、下一级目录。

当前目录:

语法:./ 如果引用的文件和当前文件处在同一级./ 可以省略

上一级目录:

语法:../

下一级目录

语法: /

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值