HTML透过一系列之标签（tags）去描述如何在网页中显示各.pptVIP

* * HTML 透過一系列之標籤 (tags) 去描述如何在網頁中顯示各項網頁元件。例如:文字、圖畫等。 所有標籤皆要寫在起角括號內 : 容器標籤 – 成對出現 , 含開始及結束標籤 。 (例 : html ….. /html ) 空標籤 – 沒有結束標籤 (例 : br) 大部份標籤皆容許我們在其內加入屬性 (attributes)。 (例 : H1 align=“center” …. /H1 ) HTML 是一組 ASCII 文字集合, 它不理會文字大細楷的分別, 亦不會顯示分行及空白字符。 所有網頁之原始編碼皆可透過點選瀏覽器功能列上的 “檢視- 原始檔”去查閱。 下方之標籤可讓我們在網頁編碼內加入註釋，讓讀者知道該html語句之用途 , 但它不會在網頁內顯示出來。 !-- 文字註釋 -- HTML (1) - 基礎知識 html head title……. /title /head body …….. /body /html 範例 HTML (2) - 外框結構 新段落 : p 或 p /p 新行 : br 預設格式的文字 : pre ….…/pre 文字影象標題等置中處理 : center ……/center 標題字 : 分6 級 , h1 …./h1 , …. h6….. h6 H1是最大的 水平分尺 : hr 4種屬性 例: hr size=8 Align=right Width=30 Noshade (粗幼) (對齊型式) (水平長度) (打陰影) 範例 HTML (3) – 文本格式 B../b (粗體), I…/I (斜體) , TT../tt (打字機字體) , U../u (底線), FONT size=n1 Color=n2 face=? …. /font (字型) 當中, n1=1 至 7; n2=“#RRGGBB” (R,G,B 是16進制數值 , 分別代表紅、綠、藍三色) Global顏色: body bgcolor=n2 text=n2 link=n2 alink=n2 vlink=n2 範例 HTML (4) – 字體 格式 可分層次 , 相互嵌入 (nested) 分 3 類 1. 非數字表列(unordered list) : ul li….. li ….. /ul ul 屬性 ul type=[circle, square, disc(預設)] li 屬性 li type=* start=* value=* 2. 數字表列(ordered list) : ol li……li…../ol ol 屬性 ol type=[a|A|i|I|1(預設)] start=? 當中, a - 細楷字母, A - 大楷字母, i - 細楷羅馬數字, I - 大楷羅馬數字 , 1 - 亞拉伯數字 ? 代表該表列之起始數值 HTML (5) - 表列(list) 3. 定義性(definitive)表列: DL DT 項目 1 DD 項目 1 內容 DT 項目 2 DD 項目 2 內容 /DT 範例 1 範例 2 (嵌入之例子) HTML (6) – 表列 (續) 連結至另一網頁或檔案 (例 *.doc, *.ppt 等) a href=“絕對或相對網頁地址” ……. /a 例 : a href=“.hk”公開大學/a 或 a href=“intro.html” 網頁介紹 /a 寄電郵之超連結 a href=mailto:收件人之電郵地址….../a 例 : a href=mailto:abc@寄信給我/a HTML (7) - 超連結 整個網頁之背景畫面 : body background=“影像檔之絕對或相對地址” 在網頁內加入影像 : img