adsense

HTML 教學(11)- 插入圖片時width及 height屬性有什么好處

1.請用notepad開啟一個新檔案。輸入下列代碼。然后把檔案儲存為page11.html

<html>
<head>
<title>我的第一個網頁</title>
</head>
<body>
<img src="Kitten-Ducklings.jpg">
</body>
</html>

Scr Sep. 1815.jpg

2. 根據上圖的顯示,沒有設定圖片的尺寸規格(width及 height),游覽器也可以準切的顯示圖片的大小,那么設定圖片的尺寸規格(width及 height)用意何在?

設定圖片的尺寸規格(width及 height)的好處是,當游覽器開啟你的網頁時速度比較快,游覽器會先保留(reserve)足夠的圖片位置,然后先把網頁的其他資料先下載,最后再到會來下載相關圖片,如此就不會妨礙網頁的下載速度了。

3. 插入圖片還有一個值得注意到屬性是alt,alt是讓你設定有關圖片的描述,萬一有不能顯示圖片的游覽器時,你的讀者還可看到圖片的描述。

<html>
<head>
<title>我的第一個網頁</title>
</head>
<body>
<img src="Kitten-Ducklings.jpg" width="500" height="375" alt="我的貓咪與小鴨子">
</body>
</html>

沒有留言:

張貼留言

歡迎你留言,如果你不是blogger的會員也可以留言哦,請點按『名稱URL』,輸入你的名字,網址即可。