如何用html来编写ppt,如何用HTML去编写网页.PPT

如何用HTML去编写网页

by Lee, Bo-sing (Joe) 11 Sept., 2002 CT212 (02/03), School of Science & Technology, OUHK 27 April, 2002 CT212 (02/03)-Network Programming and design School of Science & Technology HTML (1) - 基礎知識 HTML 透過一系列之標籤 (tags) 去描述如何在網頁中顯示各項網頁元件。例如:文字、圖畫等。 所有標籤皆要寫在起角括號內 : 容器標籤 – 成對出現 , 含開始及結束標籤 。 (例 : ….. ) 空標籤 – 沒有結束標籤 (例 :
) 大部份標籤皆容許我們在其內加入屬性 (attributes)。 (例 :

….

) HTML 是一組 ASCII 文字集合, 它不理會文字大細楷的分別, 亦不會顯示分行及空白字符。 所有網頁之原始編碼皆可透過點選瀏覽器功能列上的 “檢視-> 原始檔”去查閱。 下方之標籤可讓我們在網頁編碼內加入註釋，讓讀者知道該html語句之用途 , 但它不會在網頁內顯示出來。 HTML (2) - 外框結構 ……. …….. 範例 HTML (3) – 文本格式 新段落 :

或

預設格式的文字 :

 ….…

文字影象標題等置中處理 : …… 標題字 : 分6 級 ,

….

, ….

H1是最大的 水平分尺 : 4種屬性 例: (粗幼) (對齊型式) (水平長度) (打陰影) 範例 HTML (4) – 字體 格式 .. (粗體), … (斜體) , .. (打字機字體) , .. (底線), …. (字型) 當中, n1=1 至 7; n2=“#RRGGBB” (R,G,B 是16進制數值 , 分別代表紅、綠、藍三色) Global顏色: 範例 HTML (5) - 表列(list) 可分層次 , 相互嵌入 (nested) 分 3 類 1. 非數字表列(unordered list) :

• …..
• …..

ul 屬性

• 2. 數字表列(ordered list) :

1. ……
2. …..

ol 屬性

1. 當中, a -> 細楷字母, A -> 大楷字母, i -> 細楷羅馬數字, I -> 大楷羅馬數字 , 1 -> 亞拉伯數字 ? 代表該表列之起始數值 HTML (6) – 表列 (續) 3. 定義性(definitive)表列:

項目 1

項目 1 內容

項目 2

項目