为什么html在浏览器中不能显示图片_做html网页图片显示不出来

为什么html在浏览器中不能显示图片_做html网页图片显示不出来我遇到的问题是写了一个HTML程序,结果在网页上面不能显示,原因是图片路径放置错了。修改前代码:效果图:ie网页上右键点击“属性”’查看图片路径发现地址错误,我存放图片的地址在C:\Users


Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺

我遇到的问题是写了一个HTML程序,结果在网页上面不能显示,原因是图片路径放置错了。

修改前代码:

<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<title>菜鸟教程(runoob.com)</title>
</head>
<body>
<h2>Norwegian Mountain Trip</h2>
<img border="0" src="/Python源码/1.jpg" alt="Pilpit rock" width="304" height="228">
</body>
</html>

 效果图:

为什么html在浏览器中不能显示图片_做html网页图片显示不出来

ie网页上右键点击“属性”’查看图片路径

为什么html在浏览器中不能显示图片_做html网页图片显示不出来

发现地址错误,我存放图片的地址在C:\Users\Administrator\Desktop\Python源码,所以将路径改为绝对路径(有的时候查看一些网页没能加载出来图片就是因为作者写的是绝对路径,然后我们不能访问作者的路径,如果是相对路径就可以显示了):

<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<title>菜鸟教程(runoob.com)</title>
</head>
<body>
<h2>Norwegian Mountain Trip</h2>
<img border="0" src="C:/Users/Administrator/Desktop/Python源码/1.jpg" alt="Pilpit rock" width="304" height="228">
</body>
</html>

 效果图:

为什么html在浏览器中不能显示图片_做html网页图片显示不出来

 

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/167387.html原文链接:https://javaforall.net

赞 (0)
全栈程序员-站长的头像全栈程序员-站长

相关推荐

  • js动态显示表格的汇总信息和详细信息

    我在做数据结果展示的时候,想要实现一个如下的功能:用户可以选择一个时间段,默认显示这个时间段的汇总数据,当鼠标点击这个时间段的时候,将显示每个时间点的详细数据,再次点击的时候,详细数据收起,只显示汇

    2021年12月24日
  • java打印当前日期

    java打印当前日期

    2021年7月16日
  • 比较复杂的sql面试题「建议收藏」

    一、分组统计每个班的分数前三名(等同于LeetCode:185. DepartmentTopThreeSalaries)表结构:createtablestudent(idvarchar(20),–编号classvarchar(20),–年级scoreint–分数);insertstudentvalues(‘1′,’一年级’,82);…

    2022年4月13日
  • AvalonDock 2.0+Caliburn.Micro+MahApps.Metro实现Metro风格插件式系统(一)

    AvalonDock 2.0+Caliburn.Micro+MahApps.Metro实现Metro风格插件式系统(一)随着IOS7由之前UI的拟物化设计变为如今的扁平化设计,也许扁平化的时代要来了,当然我们是不是该吐槽一下,苹果什么时候也开始跟风了,自GOOGLE和微软界面扁平化过后,苹果也加入了这一队伍。AvalonDock  AvalonDock是一个.NET库,用于在停靠模式布局(docking)中排列一系列WPF/WinForm控件。最新发布的版本原生支持MVVM框架、AeroSnap特效…

    2022年7月20日
  • linux查看内核版本_ubuntu查看内核版本号

    linux查看内核版本_ubuntu查看内核版本号文章目录前言一、使用`uname`命令查看二、使用`hostnamectl`命令查看三、通过查看`/proc/version`文件确认四、使用`/etc/issue`查看五、使用`lsb_release-a`查看前言以Ubuntu为例,介绍几个用来查看系统与内核版本的命令,拿起小本本记录下来!镜像下载地址:https://mirrors.tuna.tsinghua.edu.cn/一、使用uname命令查看uname命令显示多个系统信息,包括Linux内核体系结构,名称版本和

    2022年10月13日
  • 光信快速取消1技能_生信技能树笔记软件

    光信快速取消1技能_生信技能树笔记软件人鼠基因转换之首字母大写首字母大小写转换但是有个问题,并不是所有的同源基因只是简单的首字母大小写配对的。#改进版本human_gene<-c(“PTPRC”,”EPCAM”,”MME”,”CD3G”,”CD3E”,”CD68″,”CD79A”,”RP11-34P13.8″)#若干人类基因upper_low<-function(var){var=tolower(var)first_letter=toupper(substr(var,

    2022年10月31日

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号