网页设计.ppt

HTML BODY !--這是註解不會顯示在瀏覽器畫面上-- /BODY /HTML 16-7-4 註解 P.16-16 HTML提供的文字格式標籤 16-7-5 常見的文字格式 P.16-17 P.16-17 HR 標籤的重要屬性： 水平線向左對齊、置中或向右對齊： ALIGN = {LEFT, CENTER, RIGHT} 水平線顏色：COLOR = #RRGGBB 或 ... 水平線高度：SIZE = n 水平線寬度：WIDTH = n“ 16-7-6 水平線 P.16-18 HR COLOR=Green ALIGN=LEFT WIDTH=50%“ SIZE=5 範例 16-7-7　文字字型、色彩與大小 HTML BODY P聽風在唱/P PFONT SIZE=1 COLOR=Green FACE=華康細圓體聽風在唱/FONT/P PFONT SIZE=2 COLOR=Purple FACE=華康行書體聽風在唱/FONT/P PFONT SIZE=3 COLOR=Red FACE=華康流線體聽風在唱/FONT/P PFONT SIZE=4 COLOR=Navy FACE=華康娃娃體聽風在唱/FONT/P PFONT SIZE=5 COLOR=Teal FACE=華康彩帶體聽風在唱/FONT/P PFONT SIZE=6 COLOR=Blue FACE=華康布丁體聽風在唱/FONT/P PFONT SIZE=7 COLOR=Olive FACE=華康古印體聽風在唱/FONT/P /BODY /HTML P.16-18 16-7-8　項目符號與編號清單 HTML BODY UL TYPE=CIRCLE LIFONT COLOR=#800000 FACE=華康行書體射雕英雄傳/FONT/LI LIFONT COLOR=#800000 FACE=華康行書體神雕俠侶/FONT/LI LIFONT COLOR=#800000 FACE=華康行書體倚天屠龍記/FONT/LI LIFONT COLOR=#800000 FACE=華康行書體碧血劍/FONT/LI /UL /HTML /BODY P.16-19 HTML HEAD TITLE示範編號清單的網頁/TITLE /HEAD BODY OL TYPE=A LIFONT COLOR=#0066FF SIZE=5 FACE=華康雅宋體玩具總動員/FONT/LI LIFONT COLOR=#0066FF SIZE=5 FACE=華康雅宋體蟲蟲危機/FONT/LI LIFONT COLOR=#0066FF SIZE=5 FACE=華康雅宋體花木蘭/FONT/LI LIFONT COLOR=#0066FF SIZE=5 FACE=華康雅宋體泰山/FONT/LI LIFONT COLOR=#0066FF SIZE=5 FACE=華康雅宋體小美人魚/FONT/LI LIFONT COLOR=#0066FF SIZE=5 FACE=華康雅宋體鐘樓怪人/FONT/LI /OL /BODY /HTML P.16-20 連結位於相同資料夾的文件：假設要將staff.htm內的文字「常見問題集」設定成連結至question.htm的超連結，那麼可以採用文件相對URL來設定超連結的URL。 例如： A HREF=question.htm常見問題集/A 連結位於不同資料夾的文件：假設要將about.htm內的文字「員工」設定成連結至staff.htm的超連結，那麼可以採用文件相對URL來設定超連結的URL。 例如 ：A HREF=Support\staff.htm員工/A 連結Web上的文件：假設要將文字「HiNet」設定成連結至HiNet的超連結，那麼必須採用絕對URL。 例如：A HREF=/雅虎奇摩/A 16-8 超連結 P.16-21 16-8-1　建立超連結 16-8-2　設定連結至E-MAIL地址的超連結 當您設定連結至E-mail地址的超連結時，除了要使用 A…/A 標籤的HREF屬性設定收件人的電子郵件地址，還要在電子郵件地址前面加上mailto: 通訊協定。 P.16-22 例如： A HREF=mailto:jeanchen@.tw歡迎寫信給我們/A 我們可以使用 IMG 標籤在網頁上插入圖片，其屬性如下： 設定圖片的對齊方式： ALIGN = {LEFT, RIGHT, TO