嵌入图片

一个纯文字的页面是不会吸引任何人的,毕竟,现在的Internet上充满了颜色和图片。高质量的图片一般是用TIFF格式保存。但这不适合于Internet.需要把图片转化成jpg或者gif格式。在开始使用图片之前要注意,一张图片,即使很小,也要花费大量时间下载,因此要使图片在实际尺寸和文件大小上尽可能的小,这样可以加快图片的下载速度。而有些网页中的大图片往往是分为若干个小图片,浏览时这些小图片再拼接起来。
嵌入图片的标记是:<img src=#> #是图片的URL,可以用相对路径也可以用绝对路径表示。此项标记有7中属性,分别是 width,height,hspace,vspace,border,align,alt属性。

图片属性:
(1)width属性
此属性设定图片的显示宽度,其值可以是数字或者百分比,单位是像素,默认值是原始宽度。
(2)height属性
此属性设定图片的显示高度,其值可以是数字或者百分比,单位为像素,默认是图片的原始高度。
(3)hspace属性
例如:<img src="URL" hspace=50>,指的是图片左右边各空出50个像素的空间。
(4)vspace属性
例如,<img src="URL" vspace=50>,指的是图片上下边各空出50个像素的空间。
(5)border属性
此属性设定图片的边框宽度,其值为像素,默认值是0
(6)align属性
此属性设定与图片和相邻文字对图片的相对位置
● top,middle,bottom,依次设定文字位置为向上对其,居中和向下对其。
● left,right,作用依次是社顶文字向左或者向右
(7)alt属性
此属性作用是,当浏览器的显示图片功能关闭的时候,以alt所设定的文字取代图片所在的位置。
下面是以上属性的实例。
<html>
<head>
<title>图片</title>
</head>
<body>
<img src="rose.jpg" align=right border=10 alt="rose.jpg">
这是图片的实例<br>
请关闭显示图片功能<br>
再看效果<br>
</body>
</html>
显示效果如图:

在关闭了图片显示功能后,显示的效果如图