使用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的副檔名儲存後，即可以瀏覽器中觀賞
修改網頁：開啟「檢視」中的「原始檔」修改、儲存，再按「重新整理」後，即可重新瀏覽
製作個人網頁
基本語法
基本語法結構
顏色值表
文章排版
清單設計
表格、圖形、多媒體、走馬燈
框架
基本語法結構
(網頁的標題)
這是我第一個網頁
background=“背景圖片檔名"
text=#003366(文字為墨藍色)
link=(超連結文字顏色)
vlink=(已瀏覽超連結文字顏色)
alink=(正在瀏覽的超連結文字顏色)>
顏色值的輸入請參見「顏色值表」
顏色值表
# FF0000 紅色
# FF00FF 洋紅色
# FF6600 朱色
# FFAAAA 粉紅色
# FF8800 橙黃色
# FFFF00 黃色
# 00FF00 鮮綠色
# 00AA00 綠色
#88CCFF 淺藍色
# 55CCFF 水藍色
# 008080 藍綠色
# 0000FF 藍色
# 800080 紫色
# C00080 紫紅色
# 7700FF 紫藍色
# 808080 深灰色
# C0C0C0 淺灰色
# 805000 褐色
# FFFFFF 白色
# 000000 黑色
顏色值表-黃綠色系
淺綠色
# 004000 鮮綠色
#海藻綠色
# 00AA00 綠色
#004000墨綠色
橄欖綠色
# 黃綠色
#008000綠色
# 淺黃色
# FFFF00 黃色
#FFAA00金黃色
# 深黃色
顏色值表—藍紫色系
#88CCFF 淺藍色
水藍色
青色
# 008080 藍綠色
深藍綠色
深藍色
# 0000FF藍色
天藍色
冰藍色
# 800080 紫色
# C00080 紫紅色
# 7700FF 紫藍色
# 808080 深灰色
# C0C0C0 淺灰色
# 805000 褐色
# FFFFFF 白色
# 000000 黑色
製作個人網頁
基本語法
文章排版
文章段落的設定
標題文字的設定
一般字型的設定
其他字型的變化
樣式指令
清單設計
表格、圖形、多媒體、走馬燈
框架
文章段落的設定
強迫分行
關閉分行
分段
原始文字樣式
置中對齊
插入直線
分段
語法
……
……
分段的例子
標題文字的設定
說明：
hn：標題文字的字體大小，n以數字 1-6表示， 1 最大而 6示最小，且字體加粗
六種標題文字
基本文字的設定
size=(大小，標準=3)
face=“Arial” >
說明：
SIZE：字體大小，以數字 1-7表示 ，7最大而 1 最小
FACE：字體型式，如：標楷體、新細明體、Time New Roman 、Arial等。
其他字型的變化
粗體
斜體
底線
刪除線
文字下標<
