6.1 网页常用图片格式
目前,图片格式有GIF、JPEG、PNG、BMP、TIF多种格式
不同格式的图片的浏览速度是不一样的,以浏览速度的角度来看,目前适合在网上格式主要有JPEG、GIF和PNG3种
6.2 插入图片
基本语法:
<img src="图片文件路径">
6.2.1 设置图片大小
基本语法:
<img src="图片文件路径" width="宽度" height="高度">
6.2.2 设置图片提示文本
基本语法:
<img src="图片路径" alt="提示文本">
alt作用:
(1) 提示信息,鼠标移动,对网页上的图片做某些方面的描述说明
(2) 替换信息,当网页图片无法下载时,能让用户了解图片内容
注意: 在较高版本的浏览器,如IE8及以上版本的浏览器中,图片的提示信息设置必须使用title属性,而图片的替换信息则使用alt属性来设置
所以为了兼容各种浏览器,设置图片的提示信息和替换信息时,因分别使用title和alt属性
6.2.3 设置图片与周围对象的间距
基本语法:
<img src="图片文件路径" hspace="水平间距" vspace="垂直间距">
6.2.4 设置图片的对齐方式
基本语法:
<img src="图片文件路径" align="对齐方式">
6.2.5 设置图片的边框
基本语法:
<img src="图片文件路径" border="边框宽度">
语法说明:“边框宽度”的单位是像素,最小值是1