HTML两种路径,两种设置方法
HTML两种路径
HTML中的路径一般分为两种:
- 相对路径:一般指的是当前文件所在的路径引起的其它文件或文件夹的路径关系,通俗一点的意思就是以当前的文件所在的地方为坐标为参照物,然后进行导航,然后到达目标文件或文件夹所需要的最短路径;
- 绝对路径:就是不以当前的文件为参照,而是以文件所在计算机的完整的文件位置来描述的路径;
一般情况下,相对路径在web的开发当中使用的较多,具体的使用方法可以看下方的实例
HTML路径设置实例代码,及在线编辑器
提示:web的绝对路径一般以根目录为基础、为参考。
<img src='../../static/img/bmi.jpg' style='width:50%;height:50%'alt="bmi健身指数计算器">
<img src='https://www.x1y1z1.com/static/img/bfr.jpg' style='width:50%;height:50%;' alt='bfr体脂率计算器'>
HTML路径的两种设置方法
HTML路径的设置至少也有两种方法,除了上述实例中的添加src属性之外,也可以添加href属性,比较常见的地方就是在HTML中引入CSS文件和JS文件,比如:
<link rel="stylesheet" href="../../static/css/bootstrap-3.4.1-dist/css/bootstrap.min.css">
<script src="../../static/js/jquery-3.6.0.min.js"></script>
上一级目录的表示方法
如上实例,目录级别的表示方法大致如下:
标签 | 描述 |
---|---|
../ | 表示上一级目录 |
../../ | 上一级的上一级目录 |
什么都没有 | 比如 src='image.jpg',表示与当前文件同一目录中的image.jpg文件(也可以是文件夹——没有扩展名) |