关于自学萌新HTML语言img标签图像显示问题解决方法

有很多的自学朋友在img标签上图像的加载问题上，有很多的疑惑，我明明跟着视频教程一步步走的，也没有语言错误，怎么就显示不出来图片呢？

说一下我自学到现在碰到的一些img标签的问题

img标签引用如下

<img id="pic" src="相对/绝对地址" alt="图片"/>

在一些视频的教学中，一些常见的写法其实并没有过错，知识编辑器和版本的一些区别，导致了img的标签路径错误。

解决方法

例如，以我在电脑Web站点文件夹下设置专门存放图片的文件夹image，图片point.jpg存放在image文件夹中，那我们的相对路径就是image/point.jpg

<img id="pic" src="data:image/point.jpg" alt="图片"/>

在一些教学视频中，教学所使用的是sublime text3编辑器，这么写是正确的，图片正常显示。

但是在Dreamweaver中，这么写就显示图像未找到，表示路径不对。

解决办法①：再加一个路径符号 /image/point.jpg

<img id="pic" src="/image/point.jpg" alt="图片"/>

解决方法②：再加同站点相对路径符号 …/image/point.jpg

<img id="pic" src="../image/point.jpg" alt="图片"/>

运行结果如下：

解决路径问题！

关于HTML语言img标签图像显示问题解决方法相关推荐

html中div不在火狐居中,Firefox嵌套CSS中div标签居中问题解决方法
本文和大家重点讨论一下Firefox嵌套CSS中div标签的居中问题的解决方法,主要包括使用line-height垂直居中,清除容器浮动,不让链接折行,始终让Firefox显示滚动条等内容. Fire ...
R语言ggplot2可视化轴标签重叠问题解决实战：修改轴标签字体、轴标签垂直于坐标轴（或者旋转特定角度）
R语言ggplot2可视化轴标签重叠问题解决实战:修改轴标签字体.轴标签垂直于坐标轴(或者旋转特定角度) 目录
windows7安装中文语言包及文乱码问题解决方法
[http://youzitool.com 新博客,欢迎访问] windows7安装中文语言包及文乱码问题解决方法安装中文语言包 1.最近安装了windows7英文版,如果要使用中文语言,可通过&q ...
html语言h1h2h3,什么是H标签？H1，H2，H3标签使用的方法及重要性
什么是H标签?H1,H2,H3标签使用的方法及重要性发表时间:2017-06-02 作者:东方硅谷小编大家都知道,seo的一个很重要的一点就是要把网站做的条理清晰,让搜索引擎很容易的读明白,这个条 ...
ffmpeg 切片花屏_FFmpeg相机花屏花图问题解决方法-Go语言中文社区
FFmpeg相机花图问题解决方法一.问题现象使用FFmpeg进行进行相机rtsp连接获取相机码流并解码在本地显示,这个过程中有遇见相机花图等问题,排查后发现有花图.正常情况下图像为出现花图的情况 ...
IE问题解决方法汇总
1.发送错误报告 [故障现象]在使用IE浏览网页的过程中,出现"Microsoft Internet Explorer遇到问题需要关闭--"的信息提示.此时,如果单击"发 ...
浏览器配置异常_IE浏览器常见故障及问题解决方法大全
IE浏览器常见问题解决方法.IE浏览器常见故障全指南. IE浏览器常见故障 1.发送错误报告故障现象在使用IE浏览网页的过程中,出现Microsoft Internet Explorer遇到问题需要 ...
漫漫长夜无限服务器断开,漫漫长夜崩溃问题解决方法 | 手游网游页游攻略大全...
发布时间:2015-11-13 漫漫长夜鹿皮怎么获得漫漫长夜鹿皮获得方法,漫漫长夜The Long Dark中的鹿皮可以造鹿皮靴.前提当然是需要鹿皮了,那肯定得去杀鹿喽,可这鹿怎么杀呢?感兴趣的一起 ...
oracle ecology已崩溃,ECOLOGY问题解决方法培训.ppt
ECOLOGY系统问题解决方法培训,泛微:顾伟民 2009年08月,培训内容,常见问题及解决方法安装问题数据库问题 IE问题性能调优问题的诊断提交问题注意事项解疑,常见问题及解决方法安装 ...

关于HTML语言img标签图像显示问题解决方法

关于自学萌新HTML语言img标签图像显示问题解决方法

img标签引用如下

解决方法

关于HTML语言img标签图像显示问题解决方法相关推荐

最新文章

热门文章