使用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等。
其他字型的變化
粗體
斜體
底線
刪除線
文字下標<