前端基础-html-路径的介绍

本文介绍了HTML中图片路径的使用,包括绝对路径和相对路径的概念。绝对路径是从盘符或完整网络地址开始的直接指向目标的位置,而相对路径则是根据当前文件的位置来寻找目标文件。相对路径分为同级目录、下级目录和上级目录三种情况,通过不同的路径写法可以准确地加载所需资源。
摘要由CSDN通过智能技术生成

<!--

        路径的介绍

        场景:页面需要加载图片,需要先找到对应的图片

        类似于:生活中两个人,我要去找你,需要通过一定的路径才能找到

        同理:页面需要找到图片,也是需要通过路径才能找到

        路径可分为:

                绝对路径(了解)

                相对路径(常用)

        绝对路径:指目录下的绝对位置,可直接到达目标位置,通常从盘符开始的路径

        例如:

        盘符开头:D:\day01\images\1.jpg

        完整的网络地址:https://wwww.itcast.cn/2018czgw/images/logo.gif

        相对路径:

        概念普及:

           当前文件:当前的html网页

           目标文件:要找到的图片

        相对路径:从当前文件开始出发,找目标文件的过程

        相对路径分类:

            同级目录

            同级目录:当前文件和目标文件在同一目录中

            代码步骤:

            方法一:<img src="目标图片.gif" alt="">

   

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值