图片还是没显示

图片还是没显示

老师,你好!这里有二个问题,1)sublime text3的复制粘贴怎么操作,2)图片为何不显示,不管是绝对、相对都不显示谢谢

http://img1.sycdn.imooc.com//climg/5bd9af76000169e109780129.jpg

http://img1.sycdn.imooc.com//climg/5bd9af7600016bb408010247.jpg


正在回答

登陆购买课程后可参与讨论,去登陆

10回答

你好同学,

下面是将文件的后缀显示的操作步骤:在窗口左上方点击(组织),弹出下拉菜单中选择(文件夹和搜索选项);或者在菜单栏上点击(工具),在工具下拉菜单里选择(文件夹选项)。

http://img1.sycdn.imooc.com//climg/5bdc08780001ee2904280413.jpghttp://img1.sycdn.imooc.com//climg/5bdc08900001da4e03980362.jpg

此时进入文件夹选项框,点击(查看)栏,在查看栏下面的高级设置里,向下拖动滚动条至最底下, 将一个选项(隐藏已知文件类型的扩展名)前面的复选框去掉对勾,然后点击(确定)完成设置。

http://img1.sycdn.imooc.com//climg/5bdc089e00017cdd04400500.jpg

祝学习愉快!


提问者 江7856 2018-11-02 16:13:41

老师,你好! 以下内容打包上传就可以了,有遗漏了什么吗。。。谢谢!http://img1.sycdn.imooc.com//climg/5bdc06dc0001e13b06230086.jpg

妮可妮可妮_ 2018-11-02 09:52:10

http://img1.sycdn.imooc.com//climg/5bdbac92000123fd02900154.jpg

http://img1.sycdn.imooc.com//climg/5bdbad1d000168b307260367.jpg

图片后面的.jpg就是图片的后缀,图片是什么格式就写什么后缀

关于images无法打开,同学可以在作业中新建一个记事本把事情原因写清楚,批复作业的老师就知道了,

祝学习愉快!

  • 提问者 江7856 #1
    你好!作业中提供的图片没有后缀哦,我是从他人那里知道的。如果图片没有后缀该怎么办呢?谢谢!
    2018-11-02 15:45:28
提问者 江7856 2018-11-01 22:11:08

老师,你好!在你指导下作业顺利完成,但由于images无法打开,我在下一级文件夹内设置了images2,勉强完成了作业。这样作业中将缺失独立的图片文件夹,如何解决这个问题呢,还望得到你的帮助。另外,图片名称后缀如何添加还不清楚,怎么知道用哪个后缀?

谢谢!

妮可妮可妮_ 2018-11-01 18:37:30

图片格式是计算机存储图片的格式,常见的存储的格式有bmp,jpg,png,tif,gif,pcx,tga,exif,fpx,svg,psd,cdr,pcd,dxf,ufo,eps,ai,raw,WMF,webp等。

比如.html就是html文档,.txt就是一个文本

http://img1.sycdn.imooc.com//climg/5bdad6ea0001fd3201180092.jpg

同学如果对图片格式有兴趣可以通过上网了解一下,但是我们目前来说是不需要这些的哦~素材里面是什么格式的图片,我们就直接写出来就可以了

祝学习愉快!


妮可妮可妮_ 2018-11-01 17:20:15

http://img1.sycdn.imooc.com//climg/5bdac4b700019be208570132.jpg

要注意一点,需要写完整图片的后缀,如果图片的名字叫1.png,图片的格式也是png格式,那就要写为1.png.png,

如果图片的名字为1,图片的格式为png格式,那就要写为1.png

同学可以理解吗?

  • 提问者 江7856 #1
    哈哈,这里是画蛇添足了,那么png,和jpg针对的图片都是固定的吗,它们有什么规则呢,谢谢!
    2018-11-01 18:13:25
提问者 江7856 2018-11-01 17:05:38

老师,你好!后缀该怎么写,这里是抄写别人的。谢谢http://img1.sycdn.imooc.com//climg/5bdac1d3000142a708760129.jpg

妮可妮可妮_ 2018-11-01 16:47:51

http://img1.sycdn.imooc.com//climg/5bdabc540001ccb018480453.jpg

你好同学:

测试了你的代码,可以显示相对地址的图片,建议同学检查图片名字是否写错,如果还有问题,建议同学双击打开images文件截图上传,以便老师可以帮助你更准确的解决问题

http://img1.sycdn.imooc.com//climg/5bdabcb80001aabd07150216.jpg

根据截图来看同学的绝对地址写的不准确,同学可以通过在文件夹中,右击箭头所指的空白部分,然后选择复制地址,就可以获取到图片所在的绝对地址,然后图片的名字和后缀要写正确哦~

http://img1.sycdn.imooc.com//climg/5bdabd04000171aa03700120.jpg

在上交作业的时候建议同学使用相对路径,将图片文件夹一起打包上传,因为老师存放文件的地址和你的一定不同,会导致绝对地址出现问题不能显示图片

祝学习愉快!

  • 提问者 江7856 #1
    老师,你好!刚发现images文件打不开了,一定要管理员权限,该如何处理呢?谢谢!
    2018-11-01 16:56:10
  • 妮可妮可妮_ 回复 提问者 江7856 #2
    因为老师不能准确的判断是否是同学电脑环境的原因,同学可以尝试一个很简单很快的方法:就是新建一个文件夹,将图片放进去进行测试,
    2018-11-01 17:02:20
提问者 江7856 2018-11-01 12:53:34

<!DOCTYPE html>

<html lans="en">

<head>

    <meta charset="UTF-8">

    <title>项目作业</title>

</head>

<body align="center">

   <!--顶部-->

   <div >

      <table width="100%" height="40px" bgcolor="#E1F2F9" align="center" >

      <tr>

      <td width="20%"><img src="images/logo.png"/></td>

               <td>学校概况</td>

      <td>机构设置</td>

      <td>师资队伍</td>

      <td>科学研究</td>

      <td>招生就业</td>

      <td>图书馆</td>

      <td>校长信箱</td>

      <td>校园导图</td>

               <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;快速通道<select ><option value="kstd">value</option>

      </select></td>

      </tr>

      </table>

      

   </div>

   <!--banner图-->

   <div>

      <img src="D:/sublime/html/images/banner.jpg" width="100%" />

   </div>

   <!--新闻区-->

        <table align="center" cellspacing="20px">

         <tr>

            <td><b>慕课快讯&nbsp;&nbsp; 基层采风&nbsp;&nbsp; 媒体聚焦&nbsp;&nbsp; 慕课视频>></b></td>

            <td><b>慕课快讯&nbsp;&nbsp;基层采风&nbsp;&nbsp;媒体聚焦&nbsp;&nbsp;慕课视频>></b></td>

            <td width="50px" rowspan="9"><img src="images/weixin.png"/></td>


         </tr>

           

        </table>

   <div></div>

   <!--近期专题区-->

   <div></div>

   <!--页脚区-->

<div></div>

http://img1.sycdn.imooc.com//climg/5bda86c00001935107620245.jpg

http://img1.sycdn.imooc.com//climg/5bda86c000016bb408010247.jpg

http://img1.sycdn.imooc.com//climg/5bda86c0000169e109780129.jpg


妮可妮可妮_ 2018-11-01 10:01:54
  1. 同学可以选中代码使用ctrl+c (复制) ctrl+v(粘贴)

  2. 建议同学将完整代码上传(不要截图代码,因为手动输入的有可能和上传的代码有差异),并将图片和html文件的位置截图上传, 以便更好的检测和解决问题

    祝学习愉快。

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星

相似问题

登录后可查看更多问答,登录/注册

前端小白入门系列课程
  • 参与学习           人
  • 提交作业       11218    份
  • 解答问题       36713    个

从一个不会编程的小白到一个老司机是需要过程的,首先得入门,学习基础知识,然后才能进阶,最后再到精通,本专题是你走进前端世界的不二选择!

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师