图像的提示文字alt和图像的宽度和高度width、height
图像的提示文字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> 世界水日活动安排全体进行家长用水调查。一、 开幕式活动二、 分组活动小班：玩水活动中感受快乐和水的特征。中班：参观家乡的小河。知道如何爱护水，让水变得更干净。大班：开展我是节水小能手大赛。(立体用水)。到户外给小河写生。三、小结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属性值设置得很小，图像也不会下载得更快。
当前文章标题：图像的提示文字alt和图像的宽度和高度width、height
当前URL：http://www.lyjtt.cn/news/wzzz/3322.html
