HTML图片标签

<body>
        
        <!--
        使用img标签来向网页中引入外部的图片,
        img标签也是一个自结束标签
        属性:
        src:设置一个外部图片的路径
        alt:可以用来设置图片不能显示时,就会显示图片的描述
        搜索引擎可以通过alt属性来识别不同的图片
        如果不写alt属性,则搜索引擎不会对img中的图片进行收录
        width:可以用来修改图片的宽度
        height:可以用来修改图片的高度
        宽度和高度两个属性如果只设置一个,另一个也会同时等比例调整大小
        如果两个值同时指定则按照你指定的值来设置
        一般开发中除了自适应的页面,不建议设置width和height
        路径问题
        相对路径指的是相对于当前资源的所在的目录。
        
        (相对于当前的资源的为基准)可以使用../来返回上一级目录,使用几级就写几个../
        一般都是相对路径就可以了,都是附近的文件夹。
        -->
        <!--
        图片的格式
        --JPEG图片支持的颜色比较多,图片可以压缩,但是不支持透明
        --一般使用JPEG来保存照片等颜色丰富的图片
        gif 
        --GIF支持颜色少,只支持简单的透明,支持动态图
        -图片颜色单一或者动态图时可以使用GIF
        png
        -png支持的颜色多,并且支持复杂的透明
        --可以用来显示颜色复杂的透明的图片
        
        图片的使用原则
        效果不一致,使用效果好的
        效果一致,使用占用内存小的
        
        -->
    
        
        <img src="3.jpg" alt="这是纸尿裤" width="150px"/>
    </body>

 

posted @ 2018-06-11 15:45  你若精彩,蝴蝶自来  阅读(366)  评论(0编辑  收藏  举报