adsense

HTML 教學(10)- 如何插入圖片

1. 首先把你的滑鼠移到下圖,點按滑鼠右鍵,選擇『Save Image as』或『Save picture as』,把這個圖片儲存到你電腦的文件夾裡(與你的所有html文件同一個文件夾)。

把文件名稱改為 "Kitten-Ducklings.jpg"

Kitten-Ducklings.jpg

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

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

3. 我們是利用<img>標籤來插入圖片的,src=圖片的所在地,width=圖片的寬度,heigth=是圖片的高度。

Scr Sep. 1815.jpg

4. 我們怎么得知圖片的的寬與高度你,我是利用 Irfan View 得知的。在左下角滑鼠指標出可看出圖片的大小體積。

Scr Sep. 1816.jpg

5. 你可在此下載 Irfan View

6. 另一個插入圖片的方法是不須下載圖片,直接連接到網址即可,請把滑鼠移到本頁最上面的圖片出,點按滑鼠右鍵,如果你的游覽器是firefox的話,選擇『Copy Image Location』;Google Chrome 選擇『Copy Image URL』;Internet Explorer 好像沒有這個功能。然后把以上代碼改成如下。

<html>
<head>
<title>我的第一個網頁</title>
</head>
<body>
<img src="http://img187.imageshack.us/img187/1016/kittenducklingsuo4.jpg">
</body>
</html>

沒有留言:

張貼留言

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