h5自学笔记 -- 图片标签

来源:互联网 发布:大数据改变教育 编辑:程序博客网 时间:2024/06/08 10:13

图片标签  

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

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

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

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

还有高度  和宽度

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

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


图片路径问题

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

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

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

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

                                                  


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


0 0
原创粉丝点击