Web前端开发之路径的写法

本文是作者作为计算机科学学生初次在优快云上分享的学习笔记,主要围绕HTML和CSS中的路径概念展开。文中区分了站内资源与站外资源,并详细阐述了绝对路径和相对路径的书写格式,强调了在实际使用中相对路径的便利性。文章适合初学者复习和参考。

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

个人介绍

哈哈哈哈~ 先笑个场 咳咳,我是一个小白,学的计科,这是我第一次写优快云的文章,先做个记录哈,这个是我看B站渡一教育袁老师的HTML与CSS写的一个路径笔记,方便以后复习,第一次写,写的不好,有什么错误或者有什么好的建议请大家多多给我指出。

1.首先我们要清楚“站内资源与站外资源”

站内资源:当前网站的资源

站外资源:非当前网站的资源

2.路径的的写法之绝对路径与相对路径

       站外资源使用绝对路径,站内资源可以使用绝对路径,也可以使用相对路径。

绝对路径书写格式:

协议名://主机名:端口号/路径

(扩展) 协议名:http,https,file

其中file表示本地文件

主机名:域名 ,IP地址

端口号:如果协议是http,默认端口号为80;如果协议是https,默认端口号为443

        如果目标地址的协议名,主机名,端口号相同的话,在路径中都可以省去。但最好还全部写出来,避免出错。

相对路径的书写格式(重点):

以“./”开头,代表当前资源所在的目录,../ 表示返回上一级目录

 其中,相对路径中的“./”可以省略。

我比较常用的就是相对路径,相对路径更加简单,使用VScode时,相对路径会给出只能提示,非常方便。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值