关于<img>标签的一点理解

最近,用smarty发现插入图片的时候,图片老是不显示,我想是不是smarty本身的问题,后来仔细看了看<img>这个标签,真发现以前一点没用心学习.

下面是我们使用<img>标签可能使用的方法.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>关于img标签的一点小理解</title>
</head>
<body>
这是第一张图片:
<img src="file:///F|/apache/htdocs/php/shoppingCart/images/23.jpg" height="300" width="200"/>
这是第二张图片:
<img src="F:/apache/htdocs/php/shoppingCart/images/23.jpg"/>
这是第三张图片:
<img src="http://localhost/php/shoppingCart/images/23.jpg" height="300" width="200"/>
这是第四张相片:
<img src="../23.jpg" width="200" height="300" />
</body>
</html>
我们来看下效果:

这是本地预览:


这是在服务器上的预览:


无论在那种情况下,第二种写法都是不对的,都无法加载图片.下面说下第一种和后面两种情况,第一种虽然可以在本地显示图片,但放在服务器端就显示不了了,原因很简单你的图片是放在本机上的,所以能显示,但如果html文件是放在服务器端,服务器端怎么能访问你电脑上的图片呢?所以第一种写法是完全没有意义的.现在看来,html文件本地预览和通过服务器预览是完全不一样的.

这里我强烈的推荐是后两种方法,如果你相对路径使用不好,就可以使用绝对路径.

以后看书得认真哦....哭




  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值