美文网首页
HTML-相对路径

HTML-相对路径

作者: 小驴拉磨 | 来源:发表于2020-07-27 17:30 被阅读0次

实际工作中,通常新建一个文件夹专门用于存放图像文件,这时再插入图像,就需要采用“路径的方式来指定图像文件的位置。路径可以分为:相对路径和绝对路径

1、相对路径

1.图像文件和HTML文件位于同一文件夹:只需输入图像文件的名称即可,如<img src="donkey.jpg">。
2.图像文件位于HTML文件的下一级文件夹:输入文件夹名和文件名,之间用“/”,如<img src="images/donkey.jpg">。
3.图像文件位于HTML文件的上一级文件夹:在文件名之前加入"../",如果是上两级,则需要使用“../../",以此类推,如<img src="../donkey.jpg">

2、绝对路径

例如:
/Users/xxxx/Desktop/temp/donkey.jpg 或者完整的网络连接(如:https://img.haomeiwen.com/i2104514/797951c843cbd8d5.png

相关文章

  • HTML-相对路径

    实际工作中,通常新建一个文件夹专门用于存放图像文件,这时再插入图像,就需要采用“路径的方式来指定图像文件的位置。路...

  • H5竖屏模板

    【html-头部】 【html-内容区】 为了...

  • php中网页转化为图片

    方式:HTML->PDF->JPG 第一步:HTML->PDF 利用mpdf将html转成pdf,基本解决了中文(...

  • HTML-内容标签

    HTMML5 基础课程—HTML-内容标签 1.2 补充关于DTD

  • Mac OS X系统的路径

    路径分为相对路径和绝对路径 1.相对路径: 不以斜线开头的路径都是相对路径.如codes/Test.m 相对路径都...

  • 事件

    dom2事件-捕获阶段(window->html->body->button)-到达阶段(刚好到button上)-...

  • 面试 js事件捕获和冒泡是怎么样的流程呢

    捕获的具体流程: 从window ->document->html->body->父元素->目标阶段 案例: wi...

  • 笔记 | PHP 2012 前言 | 课程体系 | 教&学方法

    1.课程体系 基础(Web前端) 前端知识 - (x)html- css- div+css- JavaScr...

  • iOS PCH文件修改路径

    PCH文件修改路径: 绝对路径->相对路径 朋友总结的PCH 设置PCH的相对路径 要想设置PCH的相对路径,首先...

  • PCH的相对路径

    设置PCH的相对路径 要想设置PCH的相对路径,首先我们需要去查看绝对路径。 相对路径 点击PCH文件,Xcode...

网友评论

      本文标题:HTML-相对路径

      本文链接:https://www.haomeiwen.com/subject/mkxtrktx.html