具有特殊含意的标签.PPTVIP

第 4 章 千變萬化的文字效果 本章提要 字型與字體大小 文字的格式化 特殊字元與特效 字型與字體大小 文件中的字體大小 相對字型變更法 指定所用的字型—FONT FACE 字體變化實例 Headings 與 FONT 的不同 文件中的字體大小 SMALL —顯示小字體 文件中的字體大小 FONT —設定字體大小 相對字型變更法 使用加減數值的方式來指定： 修改預設字體大小 BASEFONT SIZE 指定所用的字型—FONT FACE 在 FONT 標籤中, 可使用 FACE 屬性來設定文字的字型, 但須視用戶端的電腦中是否有安裝該網頁指定的字型。其語法如下： 指定所用的字型—FONT FACE 字體變化實例 字體變化實例 字體變化實例 Headings 與 FONT 的不同 文字的格式化 字型樣式 具有特殊含意的標籤 特殊含意標籤的範例 附屬說明文字 字型樣式 B —粗體字 字型樣式 I —斜體字 字型樣式 TT —打字機字體 字型樣式 U —文字加底線 STRIKE —文字加橫線 字型樣式 SUB —下標字 SUP —上標字 具有特殊含意的標籤 在英文的文書處理中, 某些常用的註標、強調、程式碼等內容, 習慣使用某些特殊的樣式或字體來表示或強調其顯示效果, 久而久之變成固定模式, 於是我們稱這些為具有特殊含意的標籤。 具有特殊含意的標籤 特殊含意標籤的範例 特殊含意標籤的範例 附屬說明文字 RUBY 標籤 目前僅有 IE 支援 使用時需搭配另一個輔助用的標籤 RT 附屬說明文字 特殊字元與特效 在 HTML 文件中顯示符號 在文件中顯示特殊字元 文字的特效—跑馬燈 在 HTML 文件中顯示符號 當瀏覽器讀到 號時, 以為遇到的是一個標籤, 就將其後的內容隱藏起來, 並且嚐試去讀取對應的 符號： 在 HTML 文件中顯示符號 在 HTML 文件中顯示符號 在文件中顯示特殊字元 在文件中顯示特殊字元 文字的特效—跑馬燈 MARQUEE —跑馬燈 文字特效的小例子 MARQUEE—跑馬燈 MARQUEE 標籤的用法很簡單, 只要直接將文字加到 MARQUEE 標籤間即可： MARQUEE 的屬性 BEHAVIOR—設定捲動的效果： SCROLL 一般捲動效果。 SLIDE 文字捲進來碰到邊界後, 就停下來不動。 ALTERNATE 讓文字在限定範圍中左右兩邊彈來彈去。 MARQUEE 的屬性 DIRECTION —設定文字捲動的方向： 預設值為由右到左的 LEFT。 由左到右的反方向跑馬燈, 可設成 RIGHT。 HEIGHT、WIDTH ： 設定跑馬燈的高與寬, 可直接指定圖點數 (例如 HEIGHT=50) 或是指定跑馬燈的區域在視窗中所佔的畫面比例 (例如 HEIGHT=30%)。 MARQUEE 的屬性 LOOP ： 設定跑馬燈捲動的次數, 預設值為 infinite, 表示不限定次數。 SCROLLAMOUNT、SCROLLDELAY： 用來設定跑馬燈捲動時每次移動的『步伐』大小, 及需要多久移動一次的時間間隔。 設定 SCROLLAMOUNT 的單位為圖點。 設定 SCROLLDELAY 的單位為毫秒 (ms)。 MARQUEE 的屬性 BGCOLOR： 設定跑馬燈的背景顏色。 文字特效的小例子 文字特效的小例子 * 著作權所有 ? 旗標出版股份有限公司 BIG — 顯示大字體 不會換行 視為獨立段落, 會換行 分行的效果 不將顯示字體做加粗效果 會將顯示字體做加粗效果 字體的加粗 Size=7, 6, 5, 4, 3, 2, 1 H1, H2, H3, H4, H5, H6 字體的尺寸 FONT Headings quot ” amp ＆ gt ＞ lt ＜ 語法 符號