图像的提示文字alt

提示文字有两个作用，当浏览该网页时，如果图像下载完成，将鼠标指针放在该图像上，鼠标指针旁边会出现提示文字。也就是说，当鼠标指针指向图像上方的时候，稍等片刻，可以出现图像的提示性文字，用于说明或者描述图像。第二个作用是，如果图像没有被下载，在图像的位置上就会显示提示文字。

语法：<img src="图像文件的地址"alt="提示文字的内容" >

说明：在该语法中，提示文字的内容可以是中文，也可以是英文。

举例：

<html>

<head>

<title>图像的提示文字</title>

</head>

<body>

<span class=newstitle1><img src="webk/flag_1.jpg" alt="环保资讯" width=268 height=170 align="left">

洞庭湖湿地保护区渔业资源现状调查</SPAN> 世界水日活动安排全体进行家长用水调查。一、&nbsp;&nbsp;        开幕式活动二、&nbsp;&nbsp;        分组活动小班：玩水活动中感受快乐和水的特征。中班：参观家乡的小河。知道如何爱护水，让水变得更干净。大班：开展我是节水小能手大赛。(立体用水)。到户外给小河写生。三、小结7月25日至8月5日，来自湖南大学和中南林业科技大学的两支2006年度全国湿地使者行动队伍先后奔赴国际重要湿地保护区所在地，针对饮用水安全和渔业资源现状展开实地调查——</body></html>在代码中加粗部分的标记是添加图像的提示文字，在浏览器中预览可以看到添加的提示文字，如下图所示。

图像的宽度和高度width、height

width和height属性用来定义图片的高度和宽度，如果<img>元素不定义高度和宽度，图片就会按照它的原始尺寸显示。

语法：

<img src="图像文件的地址" width="图像的宽度" height="图像的高度">

说明：

在该语法中，图像的宽度和高度的单位是像素。

举例：

<html>

<head>

<meta http-equiv="content-type" content="text/html; charset=gb2312" />

<title>图像的宽度和高度</title>

</head>

<body>

<img src="images/5.jpg" /><img src="images/5.jpg" width="200" height="160" />

</body>

</html>

在代码中加粗部分的第1行标记是没有调整的图像宽度和高度，而第2行标记是调整后图像的宽度和高度，在浏览器中预览可以看到调整图像的宽度和高度。

提示

无论在width和height属性中指定什么值，整个图像都会被下载，即使width和height属性值设置得很小，图像也不会下载得更快。