| 回教學網站 | 回網站規劃與設計首頁 | 作業繳交區 |
第五章、HTML 入門

本章目標:
  • 至少學會一種 HTML 編輯器,包括使用 nodepad 或 nodepad++ 或 Komposer 之類的軟體;
  • HTML 的兩種標記:圍堵(成對)標記 、 單一標記
  • HTML 的文件組成主要為:<html> <head> </head> <body> </body> </html>
  • 各 HTML 標籤的屬性項目,如 <body text="#003366" background="./images/somefile.jpg"> ,請參考課本 5-7~5-8
  • 寬度單位主要有兩種,一種是百分比,一種則是固定的 px (像素) 處理!
  • 相對路徑與絕對路徑差很多,相對路徑主要由 ../ 或 ./ 開頭喔!


本章練習:
  1. 練習百分比與像素的關係:建立一個檔案,名稱為 chap_05_1.html,內容為數條水平線,第一條水平線為 1000 像素,第二條 500 像素, 第三條為畫面的 40% 寬度!
  2. 練習 body 的相關屬性內容:建立名稱為 chap_05_2.html 的檔案,(1)內容與上面相同,但是,(2)背景色不為白色, 且(3)上方、右邊的留白各有 100 像素寬,(4)文字顏色預設藍色
  3. 練習 body 的相關屬性內容:建立名稱為 chap_05_3.html 的檔案,所有資訊與第二題一樣,但是改為背景圖示,圖示連結 按此下載
  4. 將上述的網頁上傳到老師的主機上!並修改 index.html 上面的連結資料吧!

回到最上方 (top)