阿宏的海洋-科技與生活: HTML 教學（16）- 如何制作點小圖看大圖網頁

如果你要在一個網頁顯示多個圖片的話，利用點小圖看大圖的方法會讓你的網頁下載速度加快。

請點按下圖，就會在另一視窗顯示大圖。

其實要制作點小圖看大圖的方法并不難。

1. 首先我們利用<img>標籤顯示小圖。

   <body>
   <img src="penguin-01.jpg" width="200" height="200">
   </body>

Scr_ Oct. 28 14.5401.jpg

2. 接下來，在加入<a>標籤。

   <body>
   <a><img src="penguin-01.jpg" width="90"
   height="62"></a>
   </body>

然后再放入大圖的網址就完成了。

   <body>
   <a href="penguin-big-01.jpg">
          <img src="penguin-01.jpg" width="200" height="200"></a>
   </body>

Scr_ Oct. 28 15.0502.jpg

3. 如果你不喜歡那藍色的框的話，你也可以把它去掉。

   <body>
   <a href="penguin-big-01.jpg">
          <img src="penguin-01.jpg" width="200" height="200" border="0"></a>
   </body>

制作小圖的方法可參考：

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

adsense