圖像的提示文字alt和圖像的寬度和高度width、height

  • 2020-12-11 10:59:19
  • 閱讀次數:次
  • 作者:盈嵐科技小編
  • 來(lái)源:http://amzcoolest.com

圖像的提示文字alt

提示文字有兩個(gè)作用,當瀏覽該網(wǎng)頁(yè)時(shí),如果圖像下載完成,將鼠標指針?lè )旁谠搱D像上,鼠標指針旁邊會(huì )出現提示文字。也就是說(shuō),當鼠標指針指向圖像上方的時(shí)候,稍等片刻,可以出現圖像的提示性文字,用于說(shuō)明或者描述圖像。第二個(gè)作用是,如果圖像沒(méi)有被下載,在圖像的位置上就會(huì )顯示提示文字。

語(yǔ)法:<img src="圖像文件的地址"alt="提示文字的內容" >

說(shuō)明:在該語(yǔ)法中,提示文字的內容可以是中文,也可以是英文。

舉例:

<html>

<head>

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

</head>

<body>

<span class=newstitle1><img src="webk/flag_1.jpg" alt="環(huán)保資訊" width=268 height=170 align="left">

洞庭湖濕地保護區漁業(yè)資源現狀調查</SPAN> 世界水日活動(dòng)安排全體進(jìn)行家長(cháng)用水調查。一、&nbsp;&nbsp;        開(kāi)幕式活動(dòng)二、&nbsp;&nbsp;        分組活動(dòng)小班:玩水活動(dòng)中感受快樂(lè )和水的特征。中班:參觀(guān)家鄉的小河。知道如何愛(ài)護水,讓水變得更干凈。大班:開(kāi)展我是節水小能手大賽。(立體用水)。到戶(hù)外給小河寫(xiě)生。三、小結7月25日至8月5日,來(lái)自湖南大學(xué)和中南林業(yè)科技大學(xué)的兩支2006年度全國濕地使者行動(dòng)隊伍先后奔赴國際重要濕地保護區所在地,針對飲用水安全和漁業(yè)資源現狀展開(kāi)實(shí)地調查——</body></html>在代碼中加粗部分的標記是添加圖像的提示文字,在瀏覽器中預覽可以看到添加的提示文字,如下圖所示。

e78779dc2cecf617ff4961aca6caac71.jpg

圖像的寬度和高度width、height

width和height屬性用來(lái)定義圖片的高度和寬度,如果<img>元素不定義高度和寬度,圖片就會(huì )按照它的原始尺寸顯示。

語(yǔ)法:

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

說(shuō)明:

在該語(yǔ)法中,圖像的寬度和高度的單位是像素。

舉例:

<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行標記是沒(méi)有調整的圖像寬度和高度,而第2行標記是調整后圖像的寬度和高度,在瀏覽器中預覽可以看到調整圖像的寬度和高度。

提示

無(wú)論在width和height屬性中指定什么值,整個(gè)圖像都會(huì )被下載,即使width和height屬性值設置得很小,圖像也不會(huì )下載得更快。

當前文章標題:圖像的提示文字alt和圖像的寬度和高度width、height

當前URL:http://amzcoolest.com/news/wzzz/3322.html

上一篇:插入圖像標記img和圖像的源文件src

下一篇:圖像的邊框border和圖像的垂直邊距vspace

網(wǎng)站建設、抖音推廣、頭條推廣、微信朋友圈推廣、快手推廣專(zhuān)線(xiàn):15368242187(微信同號)
亚洲精品无码mv在线|新国产精品视频福利免费|日韩高清在线观看不卡一区二区|一本久久a久久精品免费不|亚洲私人无码内射免费观看