2014年how to write html.pptVIP

使用HTML製作個人網頁 網頁與網站 網頁(page): 首頁(home page) 以notepad撰寫HTML程式語言或以FrontPage軟體直接編寫 網站(web site):由許多網頁組成有內容的主題 瀏覽器(browser):觀賞網頁的軟體 IE (Internet Explorer)或NetScape 何謂 HTML？ 全名為 “Hyper Text MarkUp Language”，即「超文件標記語言」 是一種標記描述語言，介 於網頁排版與幕後排版之間的一種語言，是最簡單的網頁編輯語言 本課程將介紹以簡單基本的 HTML 編輯程式 ，可以真正地了解 HTML 的基本語法與基本架構 使用HTML撰寫網頁的步驟 撰寫網頁：在NotePad或FrontPage內，撰寫HTML程式語言 觀賞網頁：將寫好的程式以 .htm或 .html的副檔名儲存後，即可以瀏覽器中觀賞 修改網頁：開啟「檢視」中的「原始檔」修改、儲存，再按「重新整理」後，即可重新瀏覽 製作個人網頁 基本語法 基本語法結構 BODY整體表現的設定 顏色值表 文章排版 清單設計 表格、圖形、多媒體、走馬燈 框架 基本語法結構 html 　　head 　　 title (網頁的標題) /title 　　/head 　　body (指令及內容區) 這是我第一個網頁 　　/body /html BODY整體表現的設定 body bgcolor=#ffffff(背景底色為白色) background=“背景圖片檔名 　　 text=#003366(文字為墨藍色)　 link=(超連結文字顏色) vlink=(已瀏覽超連結文字顏色) alink=(正在瀏覽的超連結文字顏色) 顏色值的輸入請參見「顏色值表」 顏色值表 # FF0000 紅色 # FF00FF 洋紅色 # FF6600 朱色 # FFAAAA 粉紅色 # FF8800 橙黃色 # FFFF00 黃色 # 00FF00 鮮綠色 # 00AA00 綠色 #88CCFF 淺藍色 # 55CCFF 水藍色 顏色值表-黃綠色系 淺綠色 # 004000 鮮綠色 #海藻綠色 # 00AA00 綠色 #004000墨綠色 橄欖綠色 # 黃綠色 #008000綠色 顏色值表—藍紫色系 #88CCFF 淺藍色 水藍色 青色 # 008080 藍綠色 深藍綠色 深藍色 # 0000FF藍色 天藍色 冰藍色 製作個人網頁 基本語法 文章排版 文章段落的設定 標題文字的設定 一般字型的設定 其他字型的變化 樣式指令 清單設計 表格、圖形、多媒體、走馬燈 框架 文章段落的設定 強迫分行　 br 關閉分行　nobr/nobr 分段　 p /p 原始文字樣式　pre/pre 置中對齊　center/center 插入直線hr 分段P語法 p　align=left/center/right ……br ……br /p 分段的例子 標題文字的設定 hn align=left/center/right /hn 說明： hn：標題文字的字體大小，n以數字 1-6表示， 1 最大而 6示最小，且字體加粗 六種標題文字 基本文字的設定FONT font color=(顏色代碼)　 size=(大小，標準=3) face=“Arial” /font 說明： SIZE：字體大小，以數字 1-7表示 ，7最大而 1 最小 FACE：字體型式，如：標楷體、新細明體、Time New Roman 、Arial等。 其他字型的變化 粗體B /B 斜體I /I 底線U /U 刪除線S/S 文字下標SUB/SUB 文字上標SUP/SUP 大一號字BIG /BIG 小一號字SMALL /SMALL 插入水平線HR hr color=(顏色代碼) width=(長度數字或百分比) size=(高度數字或百分比) align=left/center/right 說明: 分隔段落用 通常與書籤超連結併用 網頁指定語言格式 head meta http-equiv=Content-Type content=text/html; charset=big5 title …. /title /head 說明 網頁的文字設定顯示，與瀏覽者的電腦文字格式有關，故儘量減少使用罕見字型 以Netscape瀏覽時，無論設定為何，中文會是以細明體顯示。若是加上上述指