第三課：
這課要學的是插入圖片的簡單要領：
一、檔案/開新檔案（或是ctrl+n）之後，馬上先儲存檔案，檔名為：littleone.htm
二、按功能表的插入/影像
三、找到你要放的檔案（woman.jpg），並按確定
（附加說明：假如剛剛你忘了先存檔，會出現這個畫面，也是按確定。）
四、若你的圖與文要製作文繞圖效果，就請在圖片旁邊直接輸入文字。
不要換行，也不要換段落。
（若要文和圖片分開，就可以用表格排版的方法，或直接分段落）
五、接下來請點選圖片，讓底下屬性列是顯示影像的資料，在對齊那裡找「靠左對齊」。
對齊之後，就是這樣的效果。
反之，若選「靠右對齊」，效果則是如下圖（那個圖片是被選取狀態，所以是反黑）：
六、接下來講解影像的屬性列的一些功能設定。
- 「垂直距離」是指設定圖片和上方的距離（請自行輸入數字）
- 「水平距離」是指設定圖片和左邊的距離（請自行輸入數字）
- 「邊框」是指圖片的邊框，若要邊框時，請自行輸入數字。
關於邊框的顏色，則依頁面屬性（第二課有提到）中之文字顏色決定。
例如若文字是藍色，圖片邊框就是藍色。若圖片含有超連結，則依連結顏色決定。 - 「替代」是指滑鼠若在圖片上稍做停留時，會出現的代替文字。
七、假如圖片要設定超連結：
（注意：我們這裡並沒有設定圖片超連結，所以不用看也沒關係。
只是講一下假如圖片要超連結的方法而已。因為這個教學不會示範到這個）
請點選圖片，在屬性的「連結」那一欄 ，輸入網址，之後記得要在「目標」那欄點選開啟網頁的方式：
- _blank是指開新網頁，若超連結別人的網頁時，一定要用這個。
- _parent是指開啟父框架（這以後會再講清楚）
- _self是預設值，就是新的網頁將放在目前這個視窗裡。
- 其他若有框架頁，每個框架都有自己的名字，在這裡也可以指定到某個框架裡。（以後會講到）
八、最後記得要存檔
補充說明：網頁用的圖片，只有三種格式：jpg和gif和png。
照片用jpg，色彩豐富。
卡通和單色平塗的圖片用gif，優點是可以設定局部透明。
png檔的優點是前兩者的優點都有，但是檔案較大。