h5自学笔记 -- 图片标签

本文详细介绍了HTML中的图片标签<img>的使用方法,包括src、alt和title等属性的作用及应用场景,特别强调了alt属性对于搜索引擎的重要性,并解释了如何设置图片路径。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

图片标签  

  <img src=”1.jpg”  alt="老郭" title="这是老郭" >

   属性:src ===》 设置图片路径

            alt==》  设置图片文字描述   

            title====》 设置鼠标悬停到图片上的文字提示

还有高度  和宽度

注意:◆alt属性中的内容不能在页面中直接让用户看到

          ◆alt属性是给搜索引擎看的


图片路径问题

绝对路径:  凡是带有磁盘目录的都是绝对路径

相对路径:(相对当前文件的根目录)

当文件(.html)与要访问的资源文件(1.jpg)在同一个文件夹中,src直接设置图片名称即可

◆当文件(.html)与要访问的资源文件(1.jpg)不在同一个文件夹中,如果页面在图片的上一级目录中,src设置图片所在文件夹名称加上“/”加上图片名称

                                                  


◆当文件(.html)与要访问的资源文件(1.jpg)不在同一个文件夹中,如果页面在图片的下一级目录中,src设置../加图片名称
                注意: 一个../代表返回一级目录


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值