HTML 之图片的使用

HTML 之图片的使用

使用图片建议

• 使用图片的的原则是在图片清晰的前提下，文件越小越好。所以，建议采用 JPEG 或 GIF 的图片格式，尽量不要使用 BMP 格式的图片。
• 分辨率是指单位长度内的像素点数，单位为 dpi（dot per inch），是以没英寸包含几个像素来计算的。像素越多，分辨率越高，图片的质量也就越细腻。基本上，网页图片的理想分辨率只要 72dpi 就够了。
• 一般来说，图片最好不要超过 30KB，如果遇到特殊情况，必须使用大张图片，那么建议先将图片分隔成数张小图片，再拼到网页上。

嵌入图片

嵌入图片的标记是 img，img 标记是单一标记，语法如下：
<img src="images/photo.jpg" alt="这是图片" />

img 标记的属性

属性	设置值	说明
src	图片位置	指定图片的路径及文件名
alt	说明文字	鼠标移动到图片时显示的文字
height	图片高度	以像素为单位
width	图片宽度	以像素为单位

• 图片的路径表示法
  网络文件的路径有两种，一种是相对路径（Relative Path），另一种是绝对路径（Absolute Path）。绝对路径通常指想要链接到网络上的某一张图片时，可以直接指定 URL，表示方法如下：
  <img src="http://网址/图片文件.jpg" />
  相对路径以网页存放文件夹与图片文件夹之间的路径关系来表示，例如：
  若网页文件与图片存放在同一个文件夹
  <img src="a.jpg" />
  若图片文件位于网页文件的上一层文件夹
  img src="../flower/b.gif" />
  若图片位于下层的文件夹
  <img src="animal/c.jpg" />