HTML img标签的绝对路径怎么写？HTML img标签绝对路径的使用方法

本篇文章主要讲述了HTML中的img标签的绝对路径的写法和使用的方法详解，有兴趣的朋友可以一起来看看，有问题可以在下方提问区进行提问。

首先我们先了解什么是绝对路径：

就是你的主页上的文件或目录在硬盘上真正的路径

我们先看看这一实例：

> <!-- 当图片位置和源代码的父文件夹位置在同一父文件夹时候 应先返回父级文件夹../ 因此src地址填"..\images/baby.jpg" -->
> 
> <img src="../images/baby.jpg" alt="1111" >
> 
> <!-- 当图片位置和源代码的位置在同一个文件夹时，可以直接访问。(alt属性的值是表示图片加载不出来时显示1111,不填不要紧) -->
> 
> <img src="baby.jpg" alt="111">
> 
> <!-- 下面用绝对路径，我把图片放在桌面上 -->
> 
> <img src="C:\Users\Air\Desktop\baby.jpg" alt="">

用绝对路径，把照片放到网页上显示。

资料上说：考虑服务器的安全性， HTML里用的是相对路径，即用网页服务器的root文件夹为起始，而不允许进入与root平行的或高于网页服务器root的其它分支路径。其实，静态页面是能写绝对路径的。

**数据库中存放的是图片的地址，存放的方法是：**this.getServletContext().getRealPath("/WEB-INF/cImage") 加上 图片的名字作为地址。

例如： src="http://网点站点字符串/根路径的图片文件名“

这个图片在root.接着用斜杠，一段一段写路径就可以了。

另一种办法是用<base ...>标签，在href里面定下本网页内容的默认路径。img里直接写图片文件名就可以了。

绝对路径，外网绝对路径：

> <img src="http://phpyun.ke.163.com/http://www.PHP.cn/i/eg_tulip.jpg" alt="小编" />

本篇文章到这就结束了，如果有问题，欢迎在下方提问或者来我的Web前端学习交流群。

专门建立的学习Q-q-u-n ⑦⑧④-⑦⑧③-零①② 分享学习方法和需要注意的小细节，互相交流学习，不停更新最新的教程和学习技巧（网页制作，网站开发，web开发，从0基础开始的的HTML+CSS+JavaScript。jQuery，Ajax，node，angular框架等到移动端HTML5的项目实战【视频＋工具＋系统路线图】全栈工程师学习路线以及规划都有整理，分享给小伙伴）点：学习前端，我们是认真的