八 图像 Images
操作文本看来比较单调乏味。当然网络不仅只有文字,还有多媒体。而图像是最为普通的媒体。
img
标记用来表示网页中的图像。如下
<img src="http://file.wbgxw.com/UpLoadPic/2007-4/200741141044732.gif" width="157" height="70" alt="HTML Dog logo" />
src
属性告诉浏览器可以在哪里找到图像,像a
标签。地址可以是绝对的,如上面的例子;也可以是相对的,比如<img src="http://file.wbgxw.com/UpLoadPic/2007-4/200741141045673.jpg"...
width
和height
属性是必须的,因为如果没有它们,浏览器可能导致载入的图像宽度超出网页,打破网页布局。
alt
属性是对象描述,用来告诉那些不能看到图片的用户信息。这在xhtml
中是必选属性。
和br
标签一样,img
标签没有结束标签,它使用"/>
结束自己。
创建一个网页图片不是这个网站关心的问题,但也有一点需要注意。
GIF和JPEG是使用最广的两种图像格式。它们都是压缩格式,拥有许多用户。
GIF图像最多256色,但他们包含了原始图像的主要的颜色。低位数的图像意味着更小的文件。
GIF多用于单色图像
JPEG图像运用精确的算法压缩图片,会细微的损害原始图片,越小压缩,图片越大,但图片越清晰。
JPEG多用于照片类图像。
图片大概是网页设计师处理最多的网页文件。这经常会忘记关心文件大小,或许一些图片巨大也没有注意到。网页越小下载越快,如果是使用猫每秒下载小于7KB的用户,你可以看到一个巨大的文件会拖慢整个网页的下载。
你必须在图像大小和品质上保持平衡。现在大部分图片软件都允许压缩图像,最好的解决方法就是不断的试验。