php img标签用法,html img标签的使用

本文详细讲解了html中的图片标签的多种使用功能,在一个html页面中图片肯定是少不了的,html的img标签也很简单很好掌握的,我们一起来看看吧!

img显示本地图片使用的是相对路径 如:002.jpg

开发技巧:在实际开发中,一般会在项目目录下创建一个imgs文件夹,将图片资源都放在里面,方便开发时图片调用。如上面显示的那样,./imgs是找到图片的所在目录,/002.jpg是所要选择的图片。

img显示网页图片使用的是绝对路径 如:e1c5f5028b79141e982c91c7eada1df3.png

img下有许多属性可以选择:

1、alt 表示图片加载错误时的显示内容,方便访问者知道该图片的用途。

如:logo

显示结果是:

表示这张图片是一张logo图。

2、align 表示图片在文字中对齐的位置

top顶部对齐,bottom底部对齐,middle居中对齐。默认为底部对齐。

两个悬浮效果 left图片浮动到文字左侧,right图片浮动到文字右侧。

3、通过width和height改变图片的大小

2和3的代码演示如下

一张百度logo001.jpg

一张百度logo001.jpg

一张logo002.jpg

百度logo002.jpg

百度logo002.jpg

百度logo002.jpg

其中图片都是相对路径下的本地图片

4、点击图片,打开另一个链接

点击图片打开链接 logo

其中 page1.html为另外一个html文档,代码如下:

page1界面

我是page1

点击图片就会打开page1.html。

5、图像映射pages

其中area与map合用,且area在map标签下。img的usemap指向map的name。实现点击图片不同位置,进入page1或page2两个不同的链接。

以上就是 html img标签的使用 的所有内容了,希望会给大家带来帮助吧。

相关推荐:

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

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值