1<body> 2 3 <!-- 4 使用img标签来向网页中引入外部的图片， 5 img标签也是一个自结束标签 6 属性： 7 src：设置一个外部图片的路径 8 alt：可以用来设置图片不能显示时，就会显示图片的描述 9 搜索引擎可以通过alt属性来识别不同的图片 10 如果不写alt属性，则搜索引擎不会对img中的图片进行收录 11 width：可以用来修改图片的宽度 12 height：可以用来修改图片的高度 13 宽度和高度两个属性如果只设置一个，另一个也会同时等比例调整大小 14 如果两个值同时指定则按照你指定的值来设置 15 一般开发中除了自适应的页面，不建议设置width和height 16 路径问题 17 相对路径指的是相对于当前资源的所在的目录。 18 19 （相对于当前的资源的为基准）可以使用../来返回上一级目录，使用几级就写几个../ 20 一般都是相对路径就可以了，都是附近的文件夹。 21 --> 22 <!-- 23 图片的格式 24 --JPEG图片支持的颜色比较多，图片可以压缩，但是不支持透明 25 --一般使用JPEG来保存照片等颜色丰富的图片 26 gif 27 --GIF支持颜色少，只支持简单的透明，支持动态图 28 -图片颜色单一或者动态图时可以使用GIF 29 png 30 -png支持的颜色多，并且支持复杂的透明 31 --可以用来显示颜色复杂的透明的图片 32 33 图片的使用原则 34 效果不一致，使用效果好的 35 效果一致，使用占用内存小的 36 37 --> 38 39 40 <img src="3.jpg" alt="这是纸尿裤" width="150px"/> 41 </body>
HTML图片标签
Wesley13
2021-10-11
1159 0 0
点赞
收藏
评论区
加载中...