iis服务器助手广告广告
返回顶部
首页 > 资讯 > 前端开发 > JavaScript >HTML文件路径的类型有哪些
  • 776
分享到

HTML文件路径的类型有哪些

2024-04-02 19:04:59 776人浏览 泡泡鱼
摘要

这篇“html文件路径的类型有哪些”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“HTML文

这篇“html文件路径的类型有哪些”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“HTML文件路径的类型有哪些”文章吧。

HTML文件路径的类型有哪些

绝对文件路径

绝对文件路径是指目录下的绝对位置,直接到达目标位置,是主页上的文件或目录在硬盘上真正的路径,通常是从盘符;它可以指定完整的URL地址。

例:

1

2

3

<h3>使用完整的URL文件路径</ h3> 

<img src ="https://img.PHP.cn/upload/article/000/000/024/5c18b67545a8c134.jpg"  alt="image"  style="width: 250px"> 

<img src ="D:/demo/img/1.jpg"  alt="image"  style="width: 250px">

效果图:

HTML文件路径的类型有哪些

相对文件路径

相对文件路径就是指由这个文件所在的路径引起的跟其它文件(或文件夹)的路径关系,它可以指定与当前页面相关的文件;使用相对文件路径可以带来很多的便利。

下面我们就几个相对文件路径的例子:

例1:如何指向与HTML文件位于同一文件夹的1.jpg文件,如:

HTML文件路径的类型有哪些

可以引用路径

1

<img src ="1.jpg"  alt="image"  style="width: 250px">

例2:如何指向位于当前目录的img文件夹中的1.jpg文件,例:

HTML文件路径的类型有哪些

可以这样引用路径:

1

<img src ="img/1.jpg"  alt="image"  style="width: 250px">

例3:当1.html文件和1.jpg文件在同一个目录的两个文件夹中,例:

HTML文件路径的类型有哪些

可以这样引用路径:

1

<img src ="../img/1.jpg"  alt="image"  style="width: 250px">

这三个例子实现的效果是一样的,效果图如下:

HTML文件路径的类型有哪些

以上就是关于“HTML文件路径的类型有哪些”这篇文章的内容,相信大家都有了一定的了解,希望小编分享的内容对大家有帮助,若想了解更多相关的知识内容,请关注编程网JavaScript频道。

--结束END--

本文标题: HTML文件路径的类型有哪些

本文链接: https://www.lsjlt.com/news/91809.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • HTML文件路径的类型有哪些
    这篇“HTML文件路径的类型有哪些”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“HTML文...
    99+
    2022-10-19
  • NodeJs中有哪些文件路径
    今天就跟大家聊聊有关NodeJs中有哪些文件路径,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。一、挖坑 & 掉坑:缘起一段这样的代码:fs....
    99+
    2022-10-19
  • html文本框类型有哪些
    在HTML中,有以下几种常见的文本框类型:1. \<input type="text">\</input>:这是最常见的文本框类型,用于接受单行文本输入。2. \<input type=...
    99+
    2023-08-09
    html
  • SaveFileDialog设置默认路径和文件类型
    要设置SaveFileDialog的默认路径和文件类型,可以通过以下方式实现:1. 设置默认路径:a. 使用SaveFileDial...
    99+
    2023-09-26
    设置
  • Linux文件类型有哪些分类
    今天就跟大家聊聊有关Linux文件类型有哪些分类,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。1 普通文件[root@localhost ~]# ls -lh install.log...
    99+
    2023-06-17
  • Python中的路径数据类型有哪些打包方法?
    在Python中,路径是一个非常常见的数据类型,它用于处理文件和目录的路径。Python提供了一些内置的模块和函数,可以方便地处理路径数据类型。在本文中,我们将介绍Python中的路径数据类型,以及它们的打包方法。 Python中的路径数...
    99+
    2023-09-08
    打包 path 数据类型
  • python中有哪些文件类型
    本篇文章给大家分享的是有关python中有哪些文件类型,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。第一种:         ...
    99+
    2023-06-02
  • python常见的文件类型有哪些
    python文件类型:1.py文件,python源代码文件,可在控制台中运行;2.pyc文件,无法查看源代码,执行速度快;3.pyo文件,适用于嵌入式系统;python中常见的文件类型有.py、.pyc和.pyo三种.py文件以.py作扩展...
    99+
    2022-10-07
  • linux的基本文件类型有哪些
    这篇文章主要介绍“linux的基本文件类型有哪些”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“linux的基本文件类型有哪些”文章能帮助大家解决问题。 ...
    99+
    2023-04-14
    linux
  • linux文件时间的类型有哪些
    这篇文章主要介绍“linux文件时间的类型有哪些”,在日常操作中,相信很多人在linux文件时间的类型有哪些问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”linux文件时间的...
    99+
    2023-02-08
    linux
  • linux设备文件的类型有哪些
    这篇文章主要介绍“linux设备文件的类型有哪些”,在日常操作中,相信很多人在linux设备文件的类型有哪些问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”linux设备文件的类型有哪些”的疑惑有所帮助!接下来...
    99+
    2023-06-30
  • linux基本文件类型有哪些
    linux的基本文件类型有:1.普通文件,不包含有文件系统信息的结构信息的文件;2.目录文件,用于存放文件名以及其相关信息的文件;3.链接文件,指向一个真实存在的文件链接;4.设备文件,访问外部设备;5.管道文件,用于不同进程的信息传递;l...
    99+
    2022-10-22
  • linux日志文件类型有哪些
    这篇文章主要介绍“linux日志文件类型有哪些”,在日常操作中,相信很多人在linux日志文件类型有哪些问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”linux日志文件类型有...
    99+
    2023-02-14
    linux
  • Linux系统文件类型有哪些
    Linux系统文件类型有哪些,相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。Linux系统中一切皆为文件,所以会有不同的文件类型,总的来说总共会有七种类型,下面一起来看看这七种文...
    99+
    2023-06-28
  • Go语言中的路径数据类型响应方式有哪些?
    在Go语言中,路径数据类型是非常常见的数据类型之一。在处理文件路径、URL路径和路由路径等方面,路径数据类型都扮演着重要的角色。在本文中,我们将探讨Go语言中的路径数据类型及其响应方式。 字符串类型 在Go语言中,最基本的路径数据类型...
    99+
    2023-09-25
    响应 path 数据类型
  • linux 中有哪些常用文件与指令路径
    这篇文章给大家介绍linux 中有哪些常用文件与指令路径,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。kali linux 常用文件与指令路径重启网络/etc/init.d/networking restart语言设置...
    99+
    2023-06-09
  • html中MIME类型有哪些
    本篇内容主要讲解“html中MIME类型有哪些”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“html中MIME类型有哪些”吧! 在h...
    99+
    2022-10-19
  • Linux中有哪些常见的文件类型
    这篇文章将为大家详细讲解有关Linux中有哪些常见的文件类型,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。系统文件文件扩展名说明.conf一种配置文件。配置文件有时也使用 .cfg.lock...
    99+
    2023-06-16
  • 路径数据类型在Go语言中的响应方法有哪些?
    路径数据类型在计算机科学中是一个基本的数据类型,它用于描述文件系统中的路径。在Go语言中,路径数据类型被广泛地应用于文件操作、URL解析和其他相关的场景中。本文将介绍在Go语言中路径数据类型的响应方法。 path包 Go语言中的pat...
    99+
    2023-09-25
    响应 path 数据类型
  • nodejs如何获取指定路径下所有的文件夹名或类型
    目录获取指定路径下所有的文件夹名或类型nodejs文件操作文件操作文件夹操作获取指定路径下所有的文件夹名或类型 let components = [] const files = f...
    99+
    2022-11-13
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作