1.請用notepad開啟一個新檔案。輸入下列代碼。然后把檔案儲存為page11.html
<html>
<head>
<title>我的第一個網頁</title>
</head>
<body>
<img src="Kitten-Ducklings.jpg">
</body>
</html>
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』，輸入你的名字，網址即可。