html无法显示图片解决方法

规范书写

无论你采用服务器调用还是浏览器都要使用相对路径,不然代码迁移很麻烦

相对路径同目录下直接使用文件名

例如下面这种情况index.html 使用img标签可以直接这样写

<img src="firefox-icon.jpg" alt="firefox-icon">

同级目录

低级目录向高级目录请求资源需要在路径前面加 …(两点,所谓低级目录就是子目录,高级目录就是子目录的上级,因可能存在多种嵌套,所以这样讲)

例如下面的Demo1.html使用img标签可以这样写

<img src="..\firefox-icon.jpg" alt="firefox-icon"/>

demo1使用img

对于相同父目录,但不同子目录,仍然加两点

例如下面这种情况,这样demo1.html使用img

  <img src="..\images\firefox-icon.jpg" alt="firefox-icon"/>

demo1调用images目录下的图片

子目录最简单 直接目录名加斜杠加文件名就行(没有例子)

以上是我的个人理解
MDN对于文件路径使用的说明(译文)
MDN描述
水印没办法我没办法去掉,它自己加的

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.rhkb.cn/news/33759.html

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

电脑PC微信头像和图片不能显示出来?

电脑PC微信头像和图片不能显示出来&#xff1f; 最近电脑微信更新了以后&#xff0c;微信头像和图片不能显示出来 小编百度了很多&#xff0c;试了删除缓存&#xff0c;更改网络代理等都不行&#xff0c;最后在一个一个知乎上找到一个解决方式&#xff0c; 具体步骤&#xff1…

ChatGPT大更新!联网/插件功能无需排队,Plus用户下周即可体验

鱼羊 发自 凹非寺量子位 | 公众号 QbitAI 好消息&#xff0c;ChatGPT的联网和插件功能不用等了&#xff01; OpenAI刚刚宣布&#xff0c;ChatGPT Plus用户&#xff0c;下周开始不用排队&#xff0c;直接就能用上这些新功能。 具体来说&#xff0c;在最新的联网和插件Beta版中&a…

postgresql备份恢复

一、逻辑备份与恢复 pg_dump -d test >/tmp/test.sql -p 5433 --备份test这个数据库 psql -p 5433 </tmp/test.sql --恢复 pg_dump > /tmp/full.sql -p 5433 --备份整库 psql </tmp/full.sql -p 5433 --恢复 二、物理备份与恢复 1.开启归档 &#xf…

这可能是全网唯一的免费数据恢复软件,支持电脑和手机恢复,支持通话记录,信息,图片,视频等数据恢复!

自己不小心把电脑和手机中的文件给删除了&#xff0c;有个不少小伙伴遇到过吧&#xff0c;那么有没有方法找回这些删除的资料 有&#xff0c;你只需要今天小七提供的这款数据恢复软件&#xff0c;即可轻松的恢复手机和电脑中删除的文件 小七给大家提供了两个软件安装包&#…

4个免费数据恢复软件:免费恢复您的数据

意外的文件删除或文件损坏可能会令人头疼&#xff0c;尤其是在您不使用云存储的情况下。两者通常都支持已删除的文件恢复和版本控制&#xff0c;以帮助您摆脱此类困境。如果您不使用云&#xff0c;通常唯一的机会就是使用数据恢复软件来找回丢失或损坏的数据。 这种方法有两个…

ChatGPT解答:JavaScript保存当前网页页面图片为pdf文件或者word文件,前端用vue2,给出详细的方案和代码

ChatGPT解答&#xff1a;JavaScript保存当前网页页面图片为pdf文件或者word文件&#xff0c;前端用vue2&#xff0c;给出详细的方案和代码 ChatGPTDemo Based on OpenAI API (gpt-3.5-turbo). JavaScript保存当前网页页面图片为pdf文件或者word文件&#xff0c;前端用vue2&am…

展望AI时代,把握文档图像智能分析与处理的未来(文末送书)

【CCIG技术论坛回顾】展望AI时代&#xff0c;把握文档图像智能分析与处理的未来 前言 CCIG技术论坛 内容回顾及探讨一、人工智能大模型时代的文档识别与理解1.1 文档分析与识别 介绍1.2 文档识别历史回顾1.3 文档的种类与研究问题1.4 文档识别与理解研究现状1.5 大模型带来的挑…

90%国人推荐用的浏览器,不仅纯净,还容易上手

大家身边有没有亲戚朋友在用一些国产浏览器&#xff0c;就是时不时弹出一个广告&#xff0c;或是不知不觉给你下载了很多无用软件的浏览器。如果大家还在用这样浏览器&#xff0c;赶紧卸载了吧&#xff0c;不光占内存&#xff0c;还捆绑广告。今天给大家推荐2个很多网友觉得非常…

大模型时代来临,智能文档处理该走向何方?

自去年ChatGPT发布以来&#xff0c;大语言模型&#xff08;Large Language Model, LLM&#xff09;的发展仿佛瞬间驶入了快车道&#xff0c;每天都能听到对相关话题的讨论。 cite: 清华大学人工智能国际治理研究院微博 按照现行的标准&#xff0c;能被称为大语言模型至少要满足…

探索AI领域,AI图像安全技术助力行业健康发展

目录 一、AI时代降临二、AIOCR与传统OCR技术三、通过人工智能模型生成AI图片技术探索四、提前布局&#xff0c;合合信息AI图像安全技术助力行业健康发展1、识别医疗门诊发票和报告2、图像篡改检测升级&#xff0c;截图篡改检测3、AIGC判别&#xff0c;人脸伪造检测4、OCR对抗攻…

chatgpt赋能python:Python图片分割:了解基于Python的图像分割技术

Python图片分割&#xff1a;了解基于Python的图像分割技术 在计算机视觉中&#xff0c;图像分割是一项非常重要的技术&#xff0c;它的主要目的是将一幅图像分成多个区域&#xff0c;每个区域具有独特的特征和属性。这项技术广泛应用于许多领域&#xff0c;如医学图像处理、自…

合合信息亮相CCIG2023:多位大咖共话智能文档未来,文档图像内容安全还面临哪些技术难题?

近日&#xff0c;中国图象图形大会&#xff08;CCIG 2023&#xff09;&#xff08;简称“大会”&#xff09;在苏州圆满落幕。本届大会以“图象图形向未来”为主题&#xff0c;由中国科学技术协会指导&#xff0c;中国图象图形学学会主办&#xff0c;苏州科技大学承办&#xff…

证件照转数字人只需几秒钟,微软实现首个3D扩散模型高质量生成效果,换装改形象一句话搞定 | CVPR 2023...

转载自 微软亚洲研究院量子位 | 公众号 QbitAI 一张2D证件照&#xff0c;几秒钟就能设计出3D游戏化身&#xff01; 这是扩散模型在3D领域的最新成果。例如&#xff0c;只需一张法国雕塑家罗丹的旧照&#xff0c;就能分分钟把他“变”进游戏中&#xff1a; △RODIN模型基于罗丹旧…

证件照更换底色(remove.bg包)【Python】

最近正好在办理入职需要用到蓝底的证件照&#xff0c;我目前只有一个白底的&#xff0c;在网上百度很多工具都需要付费&#xff0c;一气之下叫ChatGPT帮我写了一个哈哈哈。 最开始写的不太符合要求&#xff0c;人物旁边都是白色区域&#xff08;这一段的代码就不上了&#xff…

chatgpt赋能python:Python改变图片背景色:让你的照片更生动

Python改变图片背景色&#xff1a;让你的照片更生动 随着数字摄影技术的进步&#xff0c;人们拍摄照片的数量和质量都得到了大幅提升。但是&#xff0c;有些时候照片的背景色不够理想&#xff0c;可能会影响整体效果。而Python这个流行的编程语言&#xff0c;可以通过图像处理…

安卓新闻客户端

安卓新闻客户端 特别说明&#xff1a;本安卓使用版本较高&#xff0c;因为是课设仓促完成的&#xff0c;现在还有些许BUG&#xff0c;目前还在维护和更新ing~ 完整代码GitHub自行下载导入 GitHub仓库&#xff1a;点击此处 实训报告&#xff1a;点击此处 主界面图 一、需求分析 …

android新闻客户端的实现

制作一个基于聚合新闻数据简单的新闻APP 制作简易新闻App 导航篇[1、使用FragmentViewPager TabLayout自制简易新闻 app主要框架&#xff08;一&#xff09;](https://blog.csdn.net/Tobey_r1/article/details/93221486)[2、解析聚合新闻数据&#xff0c;并显示到主界面上&…

高等数学学习笔记——第四十讲——微积分基本公式

1. 问题引入 2. 微积分基本定理&#xff08;微积分基本公式、牛顿——莱布尼兹公式&#xff09; 3. 定积分计算示例&#xff08;利用微积分基本公式&#xff09; 4. 分段函数的定积分&#xff08;需分段计算&#xff09;&#xff08;引申&#xff1a;具体问题&#xff0c;具体分…

如何利用MATLAB求解积分与微分?

文章目录 前言1 数值微分2 数值积分小结 前言 今天我们要说的就是数值微积分&#xff0c;赶紧看看他和高等数学中的微积分有什么区别吧。本文是科学计算与MATLAB语言专题六第一小节的学习笔记&#xff0c;如果大家有时间的话&#xff0c;可以去听听课&#xff0c;没有的话&…

数学建模学习(22):求解微积分之积分问题详解,超详细!

文章目录 前言不定积分定积分与无穷积分多重积分总结前言 积分是一个很重要的概念,通常分为定积分和不定积分。 我们在这里介绍的就是int函数,调用方式如下: F=int(fun,x) fun是被积函数,x是自变量,当然如果只有一个自变量可以省略。 不定积分 求解如下式子的不定积分:…