图片和文件路径
网页之所以丰富起来，很大原因是图片、视频、音频等多媒体内容的加入。如果没有图片等其他素材，网页的流行就大打折扣。
网页支持多种图片格式，并且可以对插入的图片设置宽度和高度。这里不是改变图片真正的宽和高，只是改变它显示的宽和高。
网页支持的图片格式
网页支持的图片格式有 gif、jpeg、jpg、tiff、png、bmp 等等。其中最广泛使用的是 gif、jpeg、png。
- gif：web最早应用广泛的图片格式，最多只能是256色，所以图片文件小，下载速度快。
- jpeg：可以多达16M颜色，显示的色彩更丰富。
- png：图片不失真，兼容gif和jpeg，支持透明图像。
网页不建议放太多图片，否则会导致加载延迟，使用户失去耐心离开页面。
文件路径
HTML支持文字、图片、声音、视频等媒体。其中除了文字是直接写在html中，其他是嵌入一个文件到html中。文件是在计算机的目录下面的，html记录它的路径，浏览器根据这个路径把图片等加载到网页的某个区域。
文件路径有两种表示方式：
- 相对路径：该文件相对于参照物的路径。
- 绝对路径：相对于根目录的位置。
以 tp.jpg 为例：
- 绝对路径：
e:\webs\images\tp.jpg - 相对路径以 index.html 为参照物：
images/tp.jpg
在相对路径中，.. 表示上一级目录，../.. 表示上级的上级目录。例如 tp.jpg 相对于 a.html 的相对路径是 ../images/tp.jpg。
注意：Windows中文件路径分隔符是 \`，而网页的路径使用网络分隔符/`。
本节代码
<html>
<body>
<img src="file:///H:/HTML5%E6%95%99%E7%A8%8B/untitled/images/eg_planets.jpg" />
<img src="../../images/eg_planets.jpg" />
</body>
</html>Code language: HTML, XML (xml)说明
<img>是单标签，必须配合src属性指定图片路径src可以使用绝对路径（如file:///开头）或相对路径- 实际网页开发中，
src通常使用相对路径，便于项目迁移和部署 - 除了
src，<img>常用属性还有alt（图片加载失败时显示的替代文本）、width、height alt属性有利于无障碍访问和 SEO，建议每张图片都设置- 网络分隔符
/在 Windows 本地开发和服务器部署中通用，写路径时统一用/
Previous: 文字列表-有序列表和无序列表
Next: 网页中插入图片