HTML的基础知识(相对路径和绝对路径详解)

最新推荐文章于 2023-02-18 15:30:49 发布
最新推荐文章于 2023-02-18 15:30:49 发布
阅读量953 收藏 3
点赞数
分类专栏： Web前端HTML5 文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/dwjdj/article/details/103992173
版权
本文详细介绍了HTML中的路径知识，包括绝对路径和相对路径的使用。在绝对路径中，指定了完整的文件位置；相对路径则依赖于当前文件的位置。超链接通过设置href属性实现页面跳转，还可以在本页面内进行锚点跳转。理解这些路径概念对于网页制作至关重要。

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

HTML基础知识

网页结构

结构标准(html->搭建网页结构)
表现标准(css->美化网页)
行为标准(JavaScript->给予一定的动作事件)
        HTML:Hyper Text Markup Language（超文本标记语言）
超文本：在网页中能够实现页面跳转的文字（超链接）
标记：指的是在网页中的html标签

## html结构的介绍 目前是按照html5结构去设计网页的
之前：html4,xhtml 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

</body></
最低0.47元/天 解锁文章
HTML 路径详解：相对路径与绝对路径
m0_62599305的博客
02-18 1576
在 HTML 开发中，路径用于指定文件的位置，如 图片、CSS 文件、JavaScript 文件、超链接等。路径主要分为 相对路径 和 绝对路径，理解它们的区别可以帮助我们正确地引用资源，避免文件无法加载的问题。本文将详细介绍 相对路径 和 绝对路径 的概念、使用方法及常见的应用场景。在 HTML 中，路径用于指定资源文件的位置，比如：路径的核心作用是告诉浏览器如何找到目标文件。路径主要分为两种：绝对路径是从根目录（Root Directory）开始的完整路径。它不依赖于当前文件的位置，始终指向同一个资源。
html绝对路径设置,html绝对路径修改为相对路径
weixin_42498641的博客
07-01 4227
1.HTML绝对路径怎么写比如你要在网页上显示一张图片，这张图片在你计算机D盘下的images这个文件夹下，那就这样写2.HTML相对路径怎么写你用法没有错误，你错就错在斜杠上你应该用正斜杠(/)而不是用反斜杠(\). 在html里面引用外部image，或者html都是./这样写的。例如A,B是2个页面并且在同一个目录下。你要在B中点击时候跳转到A页面你就要这样写 如果A在B的上级目录下你要在B中...
html5-绝对路径/相对路径
weixin_33795743的博客
09-03 340
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>绝对路径/相对路径</title></head><body> <a href="http://6121919.cn/default.html"&...
html5--1.10绝对路径和相对路径
weixin_34010566的博客
11-23 184
html5--1.10绝对路径和相对路径 学习要点： 绝对路径和相对路径   1.绝对路径 需要指出链接资源的绝对位置，与你的HTML文档的位置无关； 1. 服务器中的位置：href="http://www.nipic.com/show/2/52/8144173k9c3cc84f.html" 2. 本地存储的位置：file:///D:\桌面\HTML5课程\HTML5入门实例...
html5绝对路径是什么,什么是绝对路径，什么是相对路径，两者的区别在哪里？...
weixin_28898707的博客
06-22 1111
一、绝对路径和相对路径是什么?DIVCSS5为大家介绍html常常说到相对路径和绝对路径基本知识、作用、用法等知识。相对路径：以引用文件之网页所在位置为参考基础，而建立出的目录路径。因此，当保存于不同目录的网页引用同一个文件时，所使用的路径将不相同，故称之为相对。绝对路径：以Web站点根目录为参考基础的目录路径。之所以称为绝对，意指当所有网页引用同一个文件时，所使用的路径都是一样的。其实绝对路径与...
HTML 绝对路径和相对路径
CandiceMa的博客
06-12 800
** HTML的绝对路径和相对路径** 相信很多初学者，在学到这一步的时候会为HTML的绝对路径和相对路径感到困惑。 那么我们今天来看分别看一下这两个的区别： 背景：你创建了一个html文件放在了D盘的2019文件夹里面, 另外有张图片名字为panda.jpg，你希望把这张图片引入到你的html文件中。 绝对路径： 如果你的图片没有放在D...
Android中的相对路径实例详解
08-26
路径分为绝对路径和相对路径，本文将详细解析Android中如何使用相对路径来访问文件。 首先，我们需要理解什么是相对路径。相对路径是相对于当前工作目录来定位文件或目录的路径，它不依赖于一个固定的磁盘位置。在...
“蓝桥杯”Java竞赛模拟题详解：逆序对与最小路径和的高效算法
最新发布
02-04
适合人群：希望参加“蓝桥杯”编程赛事或是想要深入了解高级排序和动态规划应用案例的学习者，尤其适用于有一定 Java 编程基础知识，对算法性能有追求的技术爱好者。 使用场景及目标：适用于备战编程比赛如'蓝桥杯'...
Java相对路径绝对路径总结
12-14
### Java相对路径与绝对路径详解 #### 一、基本概念理解 **绝对路径**：绝对路径是指文件或目录在硬盘上的真实路径，包括URL和物理路径。例如，“C:\xyz\test.txt”代表了test.txt文件的真实物理路径；而...
20_BGP路径属性详解.pdf
09-27
BGP路径属性详解 BGP（Border Gateway Protocol）路径属性是BGP路由器在与...了解BGP路径属性的概念和意义是学习BGP的基础知识。 在BGP路由器中，可以使用display bgp routing-table命令来查看BGP路由的路径属性。
html 的相对路径和绝对路径
weixin_62332711的博客
02-18 5463
图片的话，就要先 ../ 退出 test 文件夹（回到上一级目录）；退出 test 文件夹后。同级的 test 文件夹，通过 / 找到 test 文件夹下一级目录的。①所以我的 src 图片路径为：test/小女孩.jpg。1.2.路径前面加 ./，代表当前（同级）目录。图片在 test 文件夹里面；②的意思和①的意思一样，./ 代表同级目录；图片同级了，然后就就可以直接找到同级的。在 test 文件夹内，如果我要找到。②./ 代表当前目录，所以也可以用。代表当前（同级）目录下的。图片是在同一个目录；
HTML的相关路径与绝对路径的问题---通过网络搜索整理
weixin_30807677的博客
10-11 111
问题描述：　 在webroot中有个index.jsp在index.jsp中写个表单。 　　现在在webroot中有个sub文件夹，sub文件夹中有个submit.jsp想得到index.jsp表单的数据 　　index.jsp　　< formaction="????这边要怎么写才才能指向submit.jsp"method="post"> 　　　　数据　　< ...
html5复习02-相对路径和绝对路径以及锚点设置
xiaogaxuanyao的博客
05-03 1049
相对与绝对路径 所谓相对路径，就是相对于链接页面而言的另一个页面的路径。而绝对路径，就是直接 从 file:///磁盘符开始的完整路径。我们在同一个目录下做上两个页面，其中一个页面链 接到另一个页面。 1. 绝对路径 index2 解释：首先是 file:///开头，然后是磁盘符，然后是一个个的目录层次，找到相应文 件。这种方式最致命的问题是，当整个目录转移到另外的盘符或其他电脑时，
html设置base,html base标签
weixin_35131453的博客
06-19 454
看到很多人都喜欢用那我也使用一下是解决相对路径的问题，可返回站点的根路径。 //这样获得的是绝对路径 //这样获得的是相对路径 能够更有效的防治连接的失效。request.getContextPath()得到的是项目的名字,如果项目为根目录,则得到一个"",即空的字条串,如果项目为dzjc, / 将得到dzjc/,服务器端的路径则会自动加上， 应该就是指当前路径下的这个xxx.jsp页面，有时候也...
html中绝对路径和相对路径
要啥自行车
05-14 1183
1.物理路径 2.绝对路径 以/开头的路径， /表示项目的根目录 3.相对路径 以文件所在位置为基准 ../ 上级目录 ./  当前目录，一般不用写 3最常用
html中相对路径怎么写,什么是相对路径？相对路径的具体写法和用法
热门推荐
weixin_31925685的博客
05-30 2万+
之前，我们已经介绍了什么是绝对路径？绝对路径的具体写法和用法，今天，我们就一起来看看，有关相对路径的知识以及相对路径的具体写法和用法吧！什么是相对路径？相对路径是指以当前文件资源所在的目录为参照基础，链接到目标文件资源(或文件夹)的路径。假设，我们在一个A文件(比如a.html)中，链接另一个B文件(比如b.html)，也可以说是，当前文件A引用目标文件B，那么，相对路径就是以当前文件A所在的目录...
HTML-相对路径
主营前端方向，技术栈是vue
10-26 916
相对路径(src属性,相对路径，图片的格式,使用规则)
HTML相对路径简析
weixin_50342247的博客
12-16 8334
文章目录一、相对路径概念二、相对路径表示方法1.同一级路径2.下一级路径2.上一级路径 一、相对路径概念 相对路径：以引用文件所在位置为基础参考，而建立出的目录路径。 简单来说，即图片对于HTML页面的位置。 如下图所示，从三个方面考虑： 同一级路径 下一级路径 上一级路径 二、相对路径表示方法 1.同一级路径 如图片跟所在html文件为同一级时，直接写图片名即可，如下图： <body> <img src="img2.png" </body> 2.下一级路径
前端基础(三)_路径（绝对路径、相对路径）、语义化、特殊字符
见贤思齐焉，见不贤内自省
12-13 2055
路径（绝对路径、相对路径）、语义化、特殊字符
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值