首页 > 编程 > HTML > 正文

HTML img标签的绝对路径怎么写?HTML img标签绝对路

2020-03-24 18:21:08
字体:
来源:转载
供稿:网友
首页 > web前端 > html教程 > 正文 HTML img标签的绝对路径怎么写?HTML img标签绝对路径的使用方法 2018-08-27 18:29:05 3486 第六期线上培训班
本篇文章主要讲述了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= 

tuyi.png

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

资料上说:考虑服务器的安全性, 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= 小编 / 

本篇文章到这就结束了,如果有问题,欢迎在下方提问。

【小编推荐】

HTML中head标签是什么意思?一篇文章教你正确地使用head标签

黑客应该学PHP还是python?理性分析PHP和python的十处差异

以上就是HTML img标签的绝对路径怎么写?HTML img标签绝对路径的使用方法的详细内容,html教程

郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表