《HTML标签》由会员分享，可在线阅读，更多相关《HTML标签（60页珍藏版）》请在金锄头文库上搜索。
1、HTML 標籤標籤目錄第一章HTML 文件 第二章文字排版 第三章插入圖形 第四章清單（LIST）的設計 第五章表格（TABLE）的構造 第六章超連結（HYPERLINK）的應用 第七章多媒體（MULTIMEDIA）的加入 第八章框架（FRAME）的建立 第九章表單（FORM）的製作 第十章樣式表（STYLE SHEETS）的運用 第十一章其它標籤 第十二章XHTML 附錄作者：譚兆永二零零三年十一月（第一版） 二零零三年十二月（第二版） 二零零四年 三月（第三版） 第壹頁 第一章 HTML 文件HTML HyperText Markup Language（超本文標示語言） HTML 檔的延伸
2、檔名為*.htm 或*.html。 由 W3C （World Wide Web Consortium, http:/www.w3.org） 統一制定及更新所有 HTML 規格。 在 1960 年代，IBM 開發了一種稱為 GML（Generalized Markup Language 通用標示 語言）的電腦語言。之後，IBM 改良 GML 而成為 SGML（Standard Generalized Markup Language 標準通用標示語言），一種電子文件交換的國際標準格式化語 言。在 1989 年，兩位 CERN（European Laboratory for Particle Phy
3、sics）的研究人 員 Tim Berners Lee 與 Anders Berglund 以 SGML 為基礎發展出 HTML 電腦語言。 由標籤（Tag）所組成的一種標記描述語言。標籤是指由包含起來的文 字，這些文字稱為元素（Element），有起始標籤（Start Tag）及 終止標籤（End Tag），亦有標籤是單一的。 HTML 語言所建立的文件屬於靜態的內容顯示。 HTML 的版本： HTML 1.01993 年 1 月 HTML 2.01995 年 2 月http:/www.w3.org/MarkUp/html-spec HTML 3.01995 年 3 月http:/www.w
4、3.org/MarkUp/html3/ HTML 3.21997 年 1 月http:/www.w3.org/TR/REC-html32 HTML 4.01998 年 4 月http:/www.w3.org/TR/1998/REC-html40-19980424 HTML 4.011999 年 12 月http:/www.w3.org/TR/html4 XHTML 1.02000 年 1 月http:/www.w3.org/TR/xhtml1 XHTML 1.12000 年 1 月http:/www.w3.org/TR/xhtml11 XHTML Basic2000 年 2 月http:/ww
5、w.w3.org/TR/xhtml-basic （Remark: HTML 自從 4.01 版之後，即改由 XHTML 所取代。）1-1HTML 的架構. .1-2HTML 文件標籤 1-2-1宣告 HTML 文件 第貳頁 . 1-2-2檔頭宣告. 1-2-3文件標題. 1-2-4文件本體. 屬性（Attribute）： 1.BGCOLOR 背景顏色. 2.BACKGROUND 背景圖形. 3.TEXT 文字顏色. 4.超連結顏色設定 (a)LINK：設定還未連結過的超連結文字顏色. (b)VLINK：設定已連結過的超連結文字顏色. (c)ALINK：當滑鼠按下時，超連結文字顏色. Remar
6、k:在 IE 5.5 中，ALINK 屬性沒有作用。5.BGPROPERTIES 固定背景圖形 ， 不會因為視窗捲動而移動 ， 也就是說移動視窗旁的捲軸時， 只有文件內容會動而已。. 6.LEFTMARGIN 設定文件內容顯示時，文件左緣與邊界的左右距離，單位是 pixel （像素） 。. 7.TOPMARGIN 設定文件內容顯示時，文件上緣與邊界的上下距離，單位是 pixel。. 第參頁 第二章 文字排版2-1排版標籤 2-1-1換行. 2-1-2關閉換行. 2-1-3分段1. . 2. . 3. 屬性： ALIGN 對齊方向. Remark:ALIGN=“LEFT“向左對齊 ALIGN=“
7、CENTER“向中對齊 ALIGN=“RIGHT“向右對齊2-1-4原始文字樣式. 2-1-5置中對齊. 2-1-6向右縮排. 2-2標題（Heading）格式 2-2-1標題. Remark:1.x = 1, 2, 3, 4, 5, 6，數值越大字體越小。 2.會將顯示字體做加粗效果。 屬性： ALIGN 對齊方式. Remark:ALIGN=“LEFT“靠左對齊 ALIGN=“CENTER“置中對齊 ALIGN=“RIGHT“靠右對齊 第肆頁 2-3文字效果 2-3-1粗體字（Boldface）. 2-3-2斜體字（Italics）. 2-3-3文字加底線（Underline）. 2-3-
8、4刪除線（文字加橫線）. 2-3-5打字機字體（TypeType, TeleType）. 2-3-6文字閃爍. Remark:此標籤在 HTML 4.01 中已經被刪除。2-3-7大型字體. Remark:比預設字體大一級。2-3-8小型字體. Remark:比預設字體小一級。2-3-9上標字（Superscript）. 2-3-10下標字（Subscript）. 2-3-11預設字型設定Remark:N = 1, 2, 3, 4, 5, 6, 7（預設值為 3）。2-3-12字型設定 屬性： 第伍頁 1.SIZE 更改字型大小. Remark:N 值介於 1 至 7 之間，為字體絕對大小，數
9、值越大字也越大，預 設值為 3。若 N 值加上正號（+）或負號（），則為相對大小。 2.COLOR 更改字型顏色. 3.FACE 更改文字的字型. Remark:如果使用者沒有安裝所指定的字型，瀏覽器會使用預設的字型來 顯示標籤中的文字。2-4特殊含意的標籤2-4-1 . 用於縮寫字。2-4-2 . 用於縮頭字（Acronym）。2-4-3 . 用來說明 E-mail 或是住址、電話之類的文字，字體較一般文字細且為斜體。2-4-4 . 用於引經據典（Citation）的文字，字體為斜體。2-4-5 . 用來說明一些程式碼，字體較一般字大且細，而字元間距也較寬。2-4-6 . 用來顯示定義（De
10、finition）的文字。2-4-7 . 強調，字體為斜體。2-4-8 . 用來表示使用者輸入的文字，字體較一般字大且細，而字元間距也較寬。2-4-9 . 顯示人名。2-4-10 . 當 HTML 文件中要對某段文字做說明時使用。 第陸頁 2-4-11 . 用於引用字（Literal Characters），字體較一般字大且細，而字元間距也較寬。2-4-12 . 用於加強語氣（Strong Typographic），字體為粗體。2-4-13 . 用於顯示變數（Variable），字體較一般字體細且為斜體。2-5CONTENT-TYPE 動態排列文件Remark:在 IE 5.5 中，這個功能的
11、確是不太有用，因為 IE 本身會依據視窗大小來排 列文字。2-6走馬燈. 屬性：1.SCROLLDELAY 走馬燈文字移動的時間延遲，也就是移動快慢，單位是千分之一秒 （ms） ， 設定的值愈大，走馬燈文字移動的速度愈慢。2.SCROLLAMOUNT 走馬燈文字移動的水平距離，單位為 pixel，設定的值愈大，則文字看起 來會像跳動一般。3.LOOP 設定重覆顯示的次數，預設值為 INFINITE，表示無限次重覆。4.HEIGHT N4 單位為 pixel，設定走馬燈的高度。5.WIDTH N5 單位為 pixel，設定走馬燈的寬度。6.HSPACE 設定走馬燈左右各空出多少邊界，單位為 pi
12、xel。7.VSPACE 設定走馬燈上下各空出多少邊界，單位為 pixel。8.BEHAVIOR 設定走馬燈文字移動的方式，N8 的選擇有三種： 第柒頁 (a)SCROLL，字會向同一方向移動，這是預設值。 (b)SLIDE，字會有類似滑動的效果。 (c)ALTERNATE，會使得走馬燈文字先向某一方向移動，再向另一 方向移動。9.DIRECTION 設定走馬燈文字移動方向，N9 有兩種設定： (a)RIGHT，字會由右至左顯示，這是預設值。 (b)LEFT，字會由左至右顯示。10.BGCOLOR 設定走馬燈的背景顏色，N10=“#RRGGBB“。11.ALIGN 設定走馬燈旁的文字對齊走馬燈
13、的那個位置，N11 有三種選擇： (a)TOP，齊上。 (b)MIDDLE，齊中。 (c)BOTTOM，齊底。 第捌頁 第三章 插入圖形GIF Graphics Interchange Format GIF 檔的延伸檔名為*.gif。 CompuServe 在 1987 年提出。 有 1987 年 5 月公佈的 GIF87a 及 1989 年 7 月公佈的 GIF89a 兩種版本，GIF89a 又分 成 Interlaced（交織）及 NonInterlaced（非交織）兩種，交織圖是將圖形以另一種 特殊的方式存檔，使得圖形檔在只傳輸了五分之一、四分之一時，就顯示整體、 但不甚清晰的影像。 圖
14、形的每一個點是由 8 位元（8 bit）來儲存顏色的資料，屬於點陣圖。 最多能顯示 28 = 256 種顏色。 使用 LZW 壓縮演算法，這是一種無失真式壓縮（lossless）。 顯示速度快，但畫質稍差。 有透明背景、動畫的功能。JPEG Joint Photographic Experts Group JEPG 檔的延伸檔名為*.jpg 或*.jpeg。 圖形是以向量來儲存圖形幾何關係的集合，屬於向量圖。 以 16 百萬色來儲存圖形。 由 ISO 與 CCITT 兩組織的影像處理專業人員於 1986 年組合成立的機構在 1991年公 佈。 JEPG 檔是將原始圖檔經傅利葉轉換後，再經過 H
15、uffman 或 Arithmetic 編碼而成的一 種高壓縮比的圖檔格式。壓縮法則是保留圖形中人眼感受敏銳的部份，而捨棄視 網膜感受不到的小色點，是一般的失真式壓縮（lossy）。 檔案儲存會較大，畫質較好。3-1圖形標籤 3-1-1插入圖形屬性：1.WIDTH 設定圖形顯示的寬度，以 pixel 為單位。Remark:亦可使用百分比，以相對寬度觀念顯示圖形。2.HEIGHT 設定圖形顯示的高度，以 pixel 為單位。 第玖頁 Remark:亦可使用百分比，以相對高度觀念顯示圖形。3.HSPACE 設定圖形與文字的左右間隔，單位為 pixel，預設為 0。4.VSPACE 設定圖形與文字的上下間隔，單位為 pixel，預設為 0。5.BORDER 設定圖形外框的厚度，單位為 pixel，預設
