浏览器加载图片过程

  1. 获取html文件
  2. 从web服务器按序获得图片
  3. 按顺序循环以获得所有图片

图片格式区别

5. 为你的页面增加图片 - 图1

<img>元素

5. 为你的页面增加图片 - 图2

  • src属性不只是用于相对路径
  • 如果未能显示图片,alt可以提示图像里有什么信息
  • 利用width=“”height=“”调整图片大小(以像素为单位)

TIps:
logo的宽度通常在100-200像素之间
photoshop可以设置save for web选项
通过修改图片大小形成缩略图,为照片创建单独页面
5. 为你的页面增加图片 - 图3