图像的提示文字alt和图像的宽度和高度width、height

  • 2020-12-11 10:59:19
  • 阅读次数:
  • 作者:盈岚科技小编
  • 来源:http://www.zwxs1.com

图像的提示文字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>在代码中加粗部分的标记是添加图像的提示文字,在浏览器中预览可以看到添加的提示文字,如下图所示。

e78779dc2cecf617ff4961aca6caac71.jpg

图像的宽度和高度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.zwxs1.com/news/wzzz/3322.html

上一篇:插入图像标记img和图像的源文件src

下一篇:图像的边框border和图像的垂直边距vspace

网站建设、抖音推广、头条推广、微信朋友圈推广、快手推广专线:15368242187(微信同号)
免费全部高h视频在线观看,国产精品v欧美精品v日本精品,亚洲性线免费观看视频成熟,老汉色av影院 网站地图