圖像的提示文字alt和圖像的寬度和高度width、height
圖像的提示文字alt
提示文字有兩個(gè)作用，當(dāng)瀏覽該網(wǎng)頁(yè)時(shí)，如果圖像下載完成，將鼠標(biāo)指針放在該圖像上，鼠標(biāo)指針旁邊會(huì)出現(xiàn)提示文字。也就是說(shuō)，當(dāng)鼠標(biāo)指針指向圖像上方的時(shí)候，稍等片刻，可以出現(xiàn)圖像的提示性文字，用于說(shuō)明或者描述圖像。第二個(gè)作用是，如果圖像沒有被下載，在圖像的位置上就會(huì)顯示提示文字。
語(yǔ)法：<img src="圖像文件的地址"alt="提示文字的內(nèi)容" >
說(shuō)明：在該語(yǔ)法中，提示文字的內(nèi)容可以是中文，也可以是英文。
舉例：
<html>
<head>
<title>圖像的提示文字</title>
</head>
<body>
<span class=newstitle1><img src="webk/flag_1.jpg" alt="環(huán)保資訊" width=268 height=170 align="left">
洞庭湖濕地保護(hù)區(qū)漁業(yè)資源現(xiàn)狀調(diào)查</SPAN> 世界水日活動(dòng)安排全體進(jìn)行家長(zhǎng)用水調(diào)查。一、 開幕式活動(dòng)二、 分組活動(dòng)小班：玩水活動(dòng)中感受快樂和水的特征。中班：參觀家鄉(xiāng)的小河。知道如何愛護(hù)水，讓水變得更干凈。大班：開展我是節(jié)水小能手大賽。(立體用水)。到戶外給小河寫生。三、小結(jié)7月25日至8月5日，來(lái)自湖南大學(xué)和中南林業(yè)科技大學(xué)的兩支2006年度全國(guó)濕地使者行動(dòng)隊(duì)伍先后奔赴國(guó)際重要濕地保護(hù)區(qū)所在地，針對(duì)飲用水安全和漁業(yè)資源現(xiàn)狀展開實(shí)地調(diào)查——</body></html>在代碼中加粗部分的標(biāo)記是添加圖像的提示文字，在瀏覽器中預(yù)覽可以看到添加的提示文字，如下圖所示。
圖像的寬度和高度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行標(biāo)記是沒有調(diào)整的圖像寬度和高度，而第2行標(biāo)記是調(diào)整后圖像的寬度和高度，在瀏覽器中預(yù)覽可以看到調(diào)整圖像的寬度和高度。
提示
無(wú)論在width和height屬性中指定什么值，整個(gè)圖像都會(huì)被下載，即使width和height屬性值設(shè)置得很小，圖像也不會(huì)下載得更快。
當(dāng)前文章標(biāo)題：圖像的提示文字alt和圖像的寬度和高度width、height
當(dāng)前URL：http://m.supportcoffeeroasters.com/news/wzzz/3322.html
