螞蟻的 HTML

CSS 參數表

2009-08-07T14:39:00.002+08:00

.csstbl {border-collapse:collapse} .csstbl TH {background:blue; border:solid 1px white; padding:4px} .csstbl TD {border:solid 1px white; padding:4px} 將滑鼠游標放在特徵名稱上，會顯示參數值。特徵特徵特徵 [ATTRIBUTE] @CHARSET @FONT-FACE @IMPORT @MEDIA @PAGE !IMPORTANT AZIMUTH background background-attachment background-color background-image background-position background-repeat border

用 XAMPP 架設網站

2009-02-05T16:07:00.003+08:00

XAMPP 將多個好用的自由軟體打包起來，包括 Apache, PHP, Mysql 等等。這些都是架設網站要用到的套裝軟體，過去必須一一上網尋找，下載，設定；很麻煩，也很辛苦。現在打包在一起，而且都設定好了，畢其功於一次下載，這就是傳聞中的傻瓜軟體吧！在此向站主 Kai 'Oswald' Seidler 和 Kay Vogelgesang 說聲謝謝。我有按喔！首先到 XAMPP 網站下載軟體：進入網站發現還有中文，真是太棒了。當然是選中文啦。下移到『我們最重要的專案』後接『XAMPP』，就點選 XAMPP。哇！美妹好漂亮！不過不耽擱。向下找，點選一個版本。我是選『XAMPP的Windows版本』。向下找，點選『自動安裝程式』。然後就會自動下載。下載完後會自動安裝，先點選 Apache, Mysql, FileZilla 通通安裝。然後就完成了。第一個測試：

用 mailto 寄信

2009-01-18T15:14:00.007+08:00

HTML 的 Anchor 元素也可以用來寄信，可以方便客戶寄信給網站管理員或客服部等等。另外，你可以用 javascript 防止駭客偷你的信箱網址。基本寄信法：mailto 之後接上郵件網址。請點選下面的歡迎來信，會開啟寄信程式，例如 Outlook。歡迎來信 dumpSample('SPmail'); 寄信給多個收件人：用”,”分開郵件網址。歡迎來信 dumpSample('SPmails'); 加上主旨：郵件網址後可加上 ?subject=主旨。歡迎來信 dumpSample('SPsubj'); 加上內容：在主旨後用 &body=文章。可以用 %0A 作換行符號。歡迎來信通用屬性此元件可以使用通用屬性，請參考通用屬性的說明。各種遊戲：網路遊戲, 線上遊戲, 好玩遊戲, 球類遊戲, 越野障礙遊戲, 金錢遊戲, 數獨遊戲, 大富翁, 生存遊戲, 射擊遊戲, 益智遊戲, 武打遊戲, 槍戰遊戲。通通免費。 dumpSample('spSPAN'); 由上例可以看出，設 width:200px 對 SPAN 沒有作用。

新手第一頁

2009-01-01T09:59:00.001+08:00

HTML 是很簡單的標誌語言。如果你是新手，完全沒有寫過 HTML 文件，可以從下面的例子開始。先說明下面這個簡單的例子。一個 HTML 文件必須以 ... 包夾；你可以在例子的首尾找到這兩個元素。HTML 文件可分為兩區： ... ：此區放文件資訊，其中 ... 之間的文字，會被放在瀏覽器的頂端行。 ... ：此區放你的文章內容，凡是你要顯示給別人看的文章，照片，錄影，音樂等等，都放在此。此例只有簡單的一行”這是我的初頁”。新手第一頁這是我的初頁。 dumpText('spPg1');

test

2009-01-01T07:12:00.001+08:00

測試

2008-11-23T09:16:00.003+08:00

用來標示註解說明。註解以結尾；註解是給網頁製作人或維護人看的，不是給用戶看的，註解的文字不會展現。為什麼要有註解？因為網頁製作之後，可能會發生員工離職，換人接手的情形；這時前人的註解寫的好不好，就有幫助了。這在寫 C++ 程式或其它語言程式時，是理所當然的事；可是遇到了網路就變得複雜了。使用註解的代價是，註解會傳輸給用戶電腦，所以會佔用你花錢買來的頻寬；可是用戶電腦卻不會展現出來，因為註解的內容與用戶無關。所以你必須評估傳輸註解花了你多少錢，然後決定要如何使用註解。如果你使用 PHP 製作網頁，你可以將網頁的註解寫在 PHP 區塊內，如此一來，註解就在服務主機上略過了，而不會傳輸。 dumpSample('spCOMM'); 執行之後，

javascript ARRAY 的結尾有差異

2008-11-21T06:40:00.003+08:00

測試 javascript 程式發現，IE 在解讀 ARRAY 時，如果最後一個元素的結尾有加＂,＂會導致錯誤，但是 Firefox, Safari, Chrome 會忽略這個＂,＂。下面這段程式，IE 會顯示 10 個元素；Firefox, Safari, Chrome 則顯示 9 個元素。 var arr=[ ['link1','正妹牆'], ['link2','大樂透'], ['link3','摸摸耳'], ['link4','無料遊戲王'], ['link5','無名小站'], ['link6','小遊戲'], ['link7','天空部落'], ['link8','火車時刻表'], ['link9','高鐵'], ]; document.write( arr.length ); dumpText('

IE 不能在 TABLE 元件中用 innerHTML

2008-11-21T06:14:00.006+08:00

昨天測試 javascript 程式時發現一個小差異。這個程式原本是在 Firefox 上寫的，執行都正常。晚上我決定用其它瀏覽器跑跑看。結果發現 IE 不能執行。抓了半天蟲蟲，終於找到問題的癥結：在 IE 中，TABLE 元件不能使用 innerHTML。下面這段程式在 Firefox, Safari, Chrome 都可以正常執行；IE6, IE8 則失敗。 var o=document.getElementById('test'); //IE 不能在 TABLE 用 innerHTML o.innerHTML='hello'; dumpText('SPinner'); 下面的寫法，則可以在四個瀏覽器使用。 document.write('document.write

NOBR

2008-11-05T16:48:00.024+08:00

NOBR 指定一段文字不要切斷。NOBR 不是標準元件，但主要瀏覽器都可以執行。屬性說明通用屬性請參考通用屬性的說明。威秀影城台東海生館好玩遊戲京台公路正妹牆遊戲天堂火車時刻表無名小站性向測驗天空部落射擊遊戲靈異史萊姆益智遊戲巴哈姆特 dumpSample('spBR');

MARQUEE

2008-11-05T16:34:00.001+08:00

會展現文字跑馬燈。MARQUEE 不是標準元件，但主要瀏覽器都可以執行。屬性說明通用屬性請參考通用屬性的說明。 BGCOLOR 設定背景顏色。請參考顏色用法。您好，歡迎參觀螞蟻的 HTML，請多多指教。 dumpSample('spDIR'); DIRECTION 移動的方向，可設為：left, right。。 HEIGHT 宣告顯示區的高度，其數值單位是像素（pixel）。 LOOP 設定移動圈數。可設數值；也可設為 loop=infinite，跑無限次。 WIDTH 宣告顯示區的寬度，其數值單位是像素。

EMBED

2008-11-05T16:05:00.009+08:00

TITLE

2008-11-05T15:20:00.001+08:00

用來放文件的標題。必須放在 HEAD 區塊中，每份文件只有一個標題。文件標題必須簡短，也能讓讀者知道文件的主旨。文件標題會被顯示在用戶瀏覽器的最上端，也會被加入用戶瀏覽器的書籤中。屬性說明 DIRLANG 請參考通用屬性的說明。一份簡單的 HTML 文件。TITLE 放在 HEAD 區塊。文件標題文件顯示的內容。 dumpText('spDIR');

TEXTAREA

2008-11-05T15:02:00.003+08:00

TR

2008-11-05T10:45:00.010+08:00

TR 宣告報表中的一個橫欄。可以用 javascript 的 table 物件，動態調整報表。屬性說明通用屬性此元件可以使用通用屬性，請參考通用屬性的說明。 ALIGNCHARCHAROFFVALIGN 請參考 TBODY 的說明。 BGCOLOR 設定橫欄的背景顏色。IE 的三碼顏色 #RGB 會轉換成 #0R0G0B；Firefox, Safari, Chrome 則轉換成 #RRGGBB。建議用六碼顏色值（#RRGGBB）。 123 蔡依林曾沛慈 123 周杰倫蕭敬騰 dumpSample('spDIR');

TD, TH

2008-11-05T10:22:00.012+08:00

TBODY, TFOOT, THEAD

2008-11-05T09:03:00.011+08:00

TBODY 可將數個橫欄結合成一組，尤其是相似性質的欄。 THEAD 產生表頭；例如，欄位名稱。 TFOOD 產生表尾：報表製作日期，公司部門等等。當報表很長時，THEAD 與 TFOOD 可以顯示在每一頁上。一份報表只能有一個 THEAD 及一個 TFOOT，但可以有多個 TBODY。可以用 javascript 的 table 物件，動態調整報表。屬性說明 ALIGN | CHAR | CHAROFF | VALIGN 通用屬性此元件可以使用通用屬性，請參考通用屬性的說明。 ALIGN 設定資料在方格中對齊的方法。可設為： left：資料對齊方格的左邊。此為預設值。 center：資料展現於方格的中央。此為表頭的預設值。 right：資料對齊方格的右邊。 justify：兩邊對齊。IE 未支援此功能；Firefox,

TABLE

2008-11-05T08:00:00.010+08:00

用來產生一個行列整齊的報表。你可以用鍵盤自己動手編一個報表；或者用電腦讀取資料庫，自動產生報表。製作報表，你需要用到的元件有：TABLE, CAPTION, THEAD, TBODY, TFOOT, TR, TH, TD, COL, COLGROUP。也可以用 javascript 的 table 物件，動態調整報表。屬性說明 ALIGN | BGCOLOR | BORDER | CELLPADDING | CELLSPACING | FRAME | RULES | SUMMARY | WIDTH 通用屬性此元件可以使用通用屬性，請參考通用屬性的說明。 ALIGN 設定報表相對於四周內容的對齊方法。可設為： left：報表靠左。此為預設值。 center：報表置於中央。 right：報表靠右。通用屬性此元件可以使用通用屬性，請參考通用屬性的說明。正常文字下標字。正常文字上標字 dumpSample('spDIR');

STYLE

2008-11-05T06:05:00.006+08:00

在網頁文件中，宣告一個內嵌式的風格表。外在的風格表檔案要用 LINK 宣告。屬性說明 MEDIA | TITLE | TYPE DIRLANG 需配合 TITLE 使用。請參考通用屬性的說明。 MEDIA 指定一組媒體裝置，其為風格表，被設計使用的裝置。預設值為 screen。請參考 LINK 的詳細說明。下面的範例可以取消印表機的輸出。 @media print {body{display:none}} dumpText('spMEDIA'); TITLE 風格表的說明。 TYPE 內容的型態，又稱 MIME

SCRIPT

2008-11-04T20:50:00.004+08:00

包含一份用戶端的程序。屬性說明 CHARSET | DEFER | LANGUAGE | SRC | TYPE CHARSET 外在程序檔案的文字編碼。例如 big5，UTF-8 等等。請參考文字編碼符號。 DEFER 這個宣告可以快速展現文件的內容。宣告 DEFER 的程序不輸出文件的內容。瀏覽器可以先略過程序，繼續展現文件的內容；文件展現完成之後，才執行程序。 LANGUAGE 程序語言的名稱及版本。 SRC 指定外在程序檔案的網址。宣告外在程序檔案的方法： dumpText('spSRC'); TYPE 程序的型態。例如 text/javascript 。

PRE

2008-11-04T20:13:00.002+08:00

PRE 區塊的的文字，使用等寬字，不縮減空白字，長的文字行不斷為二。有部份瀏覽器會將長的文字行斷行。屬性說明通用屬性此元件可以使用通用屬性，請參考通用屬性的說明。 WIDTH 宣告文字行的長度，單位是字元。 function setColor(clr){ var color=clr; } dumpSample('spDIR'); 上面範例中宣告的 width=10，只有 Firefox 有支援；IE, Safari, Chrome 都忽略它。

PARAM

2008-11-04T19:52:00.004+08:00

可用多個 PARAM 元件，宣告多組參數名稱及值，提供 OBJECT 與 APPLET 執行時的初值。屬性說明 NAME | TYPE | VALUE | VALUETYPE ID 請參考通用屬性的說明。 NAME 設定參數名稱。 TYPE VALUE 設定的值，其內容型態。例如 image/jpeg, audio/mpeg 等等。請參考 MIME 媒體型態。 VALUE 設定參數的值。 VALUETYPE 指定 VALUE 的類別，可設為： data：VALUE 內存字串。此為預設值。 ref：VALUE 內存網址。 object：VALUE 內存另外一個 OBJECT 的識別名。

P

2008-11-04T18:54:00.001+08:00

P 定義一節文字。P 之中，不可包含區塊元件。屬性說明通用屬性此元件可以使用通用屬性，請參考通用屬性的說明。 ALIGN 指定元件內容的水平對齊方式。ALIGN 可設為： left：文字行向左靠。此為預設值。 right：文字行向右靠。 center：文字行排中央。 justify：文字行兩邊都對齊。 .hd1 {width:200px; background:#888800} 預設值中央靠右 Not ask what your country can do for you, ask what you can do for your country. dumpSample('spDIR'); justify 在英文很好用，瀏覽器會將文章的左右兩邊，都排的整整齊齊的。

SELECT, OPTGROUP, OPTION

2008-11-04T17:55:00.006+08:00

OBJECT

2008-11-04T16:32:00.007+08:00

NOSCRIPT

2008-11-03T20:50:00.006+08:00

NOSCRIPT 區塊的內容，只有在用戶端瀏覽器不能執行 SCRIPT 時，才會被展現。NOSCRIPT 要接在 SCRIPT 元件之後。屬性說明通用屬性此元件可以使用通用屬性，請參考通用屬性的說明。 document.write('此瀏覽器可以執行 javascript'); 此瀏覽器不能執行 javascript。 dumpSample('spDIR');

NOFRAMES

2008-11-03T20:40:00.001+08:00

NOFRAMES 區塊的內容，只有在瀏覽器不顯示 FRAME 時，才會被展現。NOFRAMES 可加在 FRAMESET 的後部。屬性說明通用屬性此元件可以使用通用屬性，請參考通用屬性的說明。需要瀏覽器提供 FRAME 顯示。 dumpText('spDIR');

MAP

2008-11-03T18:53:00.002+08:00

MAP 用來定義用戶端圖像地圖。配合 IMG, OBJECT, INPUT 元件，用戶可以點擊地圖的不同區域，啟動不同服務。屬性說明通用屬性此元件可以使用通用屬性，請參考通用屬性的說明。 NAME 給予 MAP 元件一個識別名稱。此識別名稱可用在 IMG, OBJECT, INPUT 元件，擷取圖像地圖。請參考 AREA 的說明與範例。

LINK

2008-11-03T17:40:00.003+08:00

LINK 定義文件之間的關係。必須放在 HEAD 區塊中。部份瀏覽器沒有完整支援此功能。屬性說明通用屬性此元件可以使用通用屬性，請參考通用屬性的說明。 CHARSETHREFHREFLANGRELREVTARGETTYPE 請參考ANCHOR的說明與範例。這個範例指定外在風格表檔案。 dumpText('spDIR'); MEDIA 指定一組媒體裝置，裝置間用『,』分開。HREF 所連結的資源，被設計使用這些裝置。加上 REL=stylesheet，可以限制風格表的輸出裝置。可用的裝置名稱（大小寫字母不同）如下表： all：指定所有裝置。 aural：指定話聲合成器。

LI, OL, UL

2008-11-03T10:43:00.006+08:00

OL 用來建立一個有編號的清單。UL 用來建立一個沒有編號的清單。LI 用在 OL 或 UL 區塊中，宣告清單的一個項目。清單預設是垂直排列，可以用 CSS 作一個橫列的清單。屬性說明通用屬性此元件可以使用通用屬性，請參考通用屬性的說明。 TYPE 指定項目展現的型態。用在 UL 時，可設為 disc（實心圓）, square（方塊）, circle（空心圓）。用在 OL 時，可設為 1（數字）, a（小寫字母）, A（大寫字母）, i（小寫羅馬數字）, I（大寫羅馬數字）。建議改用風格表中的 list-style 屬性，有更多選擇。縣市：桃園新竹台中交通工具：飛機火車機車汽車 dumpSample('spTYPE'); START

LABEL

2008-11-03T09:53:00.003+08:00

用來設定輸入元件的標示（label），標示可是文字，或圖像。每一個標示只能指定一個輸入元件。用戶可以點擊標示，選擇輸入元件。屬性說明通用屬性此元件可以使用通用屬性，請參考通用屬性的說明。 ACCESSKEY 請參考屬性與事件。 ONBLURONFOCUS 請參考屬性與事件。 FOR 指定標示所代表的輸入元件。內存輸入元件的 ID。我的電話： dumpSample('spDIR'); 範例實測：用滑鼠點擊圖像，IE 不會聚焦輸入行；Firefox, Safari, Chrome 會聚焦輸入行。

ISINDEX

2008-11-03T09:14:00.002+08:00

產生單行的文字輸入。客戶輸入文字後可按 Enter 鍵，然後資料會上傳。輸入的文字會接在文件的網址後，空白用『+』取代。格式為 URI?值1+值2+值3...。由於只能作單行輸入，所以用處不大，建議改用 INPUT。屬性說明 IDCLASSSTYLETITLE 請參考通用屬性的說明。 DIRLANG 請參考通用屬性的說明。 PROMPT 設定提示字串。 dumpSample('spPROMPT');

INPUT

2008-11-03T08:52:00.016+08:00

IMG

2008-11-02T16:46:00.023+08:00

用來展現一張圖像。屬性說明 ALIGN | ALT | BORDER | HEIGHT | HSPACE | ISMAP | LONGDESC | NAME | SRC | USEMAP | VSPACE | WIDTH 通用屬性此元件可以使用通用屬性，請參考通用屬性的說明。 ALIGN 指定元件的顯示區，相對於四周內容的對齊方法。請參考詳細說明與範例。 ALT 用在 IMG, AREA, APPLET, INPUT 元件，當前述元件不能正常展現時，就會顯示 ALT 設定的文字。 dumpSample('spALT'); BORDER 設定邊線的寬度，單位為像素。主要瀏覽器沒有支援此項。 IDCLASSSTYLETITLE 請參考通用屬性的說明。 FRAMEBORDERLONGDESCMARGINHEIGHTMARGINWIDTHNAMESCROLLINGSRC 請參考FRAME的說明。 ALIGN 指定元件的顯示區，相對於四周內容的對齊方法。請參考詳細說明與範例。 HEIGHT 宣告框架的高度，其數值單位可是像素（pixel），或父元件高度的百分比。 WIDTH 宣告框架的寬度，其數值單位可是像素，或父元件寬度的百分比。 dumpSample('

HTML

2008-11-02T13:30:00.002+08:00

一份網頁文件，就是以首尾兩個 HTML 標籤界定。屬性說明 DIRLANG 請參考通用屬性的說明。 VERSION 指定此文件所使用的 HTML DTD 版本。如果文件有用到 !DOCTYPE 元件，可在其中宣告版本，而不要重複在 HTML 中宣告版本。文件內容 dumpText('spDIR');

HR

2008-11-02T10:49:00.006+08:00

HR 會劃一條分隔線，將前後的內容分開。屬性說明 ALIGN | NOSHADE | SIZE | WIDTH 通用屬性此元件可以使用通用屬性，請參考通用屬性的說明。 ALIGN 指定分隔線的水平對齊方式。ALIGN 可設為： left：向左靠。 right：向右靠。 center：排中央。此為預設值。 left right center dumpSample('spDIR'); 上例在作者的電腦上測試正常；可是移到部落格後，在 IE8 會一律放中央。 NOSHADE 使用實心的分隔線，而不要用預設的陰影分隔線。 DIRLANG 請參考通用屬性的說明。 PROFILE 可以設定數個用『,』分開的位址，這些位址指到說明這份文件的資訊（例如作者，地址等等）的檔案；簡稱文件描述檔（mete data profile）。一份簡單的 HTML 文件，包括：一個 HEAD 及一個 BODY。文件標題 .boy {background:green} .girl {background:red} 文件顯示的內容。通用屬性此元件可以使用通用屬性，請參考通用屬性的說明。 ALIGN 指定元件內容的水平對齊方式。ALIGN 可設為： left：文字行向左靠。此為預設值。 right：文字行向右靠。 center：文字行排中央。 justify：文字行兩邊都對齊。 .hd1 {width:250px; background:#888800} 一號字二號字中央三號字靠右四號字五號字 Not ask what your country can do for you, ask what you can do for your country. 六號字 dumpSample('spDIR');

FRAMESET

2008-11-02T08:44:00.004+08:00

FRAMESET 用來將視窗分割成長方形的框架。不同的框架可以顯示不同的網頁。屬性說明 COLS | ROWS | ONLOAD | ONUNLOAD IDCLASSSTYLETITLE 請參考通用屬性的說明。 COLS 設定垂直分割視窗的方法。當垂直方向要容下多個框架時，COLS 可設定每個框架的寬度，用『,』分開。其值可以是像素，百分比，或相對長度。預設值為 100%，垂直方向只有一個框架。 ROWS 設定水平分割視窗的方法。當水平方向要容下多個框架時，ROWS 可設定每個框架的寬度，用『,』分開。其值可以是像素，百分比，或相對長度。預設值為 100%，水平方向只有一個框架。當 COLS 與 ROWS 同時設定時，其格區會由左至右，由上至下填入框架。元件用法：

FRAME

2008-11-02T07:58:00.004+08:00

FORM

2008-11-01T22:30:00.013+08:00

FIELDSET, LEGEND

2008-11-01T06:05:00.008+08:00

FIELD 主要用在輸入表格（FORM）。當表格龐大複雜時，可將表格中的輸入元件分組；這有助於客戶輸入資料。LEGEND 只用在 FIELDSET，宣告 FIELDSET 的標題。屬性說明通用屬性此元件可以使用通用屬性，請參考通用屬性的說明。 ACCESSKEY 用在 LEGEND，請參考屬性與事件。 ALIGN 用在 LEGEND，指定標題在 FIELDSET 的顯示位置。部份瀏覽器沒有完全支援此功能。ALIGN 可設為： top：標題放在上方。此為內定值。 bottom：標題放在底部。 left：標題放在左邊。 right：標題放在右邊。個人資料姓名：電話： dumpSample('spDIR'); 範例實測：IE8 的展現失常；IE6,

DIV

2008-10-31T21:23:00.012+08:00

DIV 用來宣告一區塊（block），作為語言與風格的容器，可賦予此區塊 ID, CLASS, STYLE。這些增加了區塊的結構資訊。屬性說明通用屬性此元件可以使用通用屬性，請參考通用屬性的說明。 ALIGN 可用在 DIV，指定元件內容的水平對齊方式。ALIGN 可設為： left：文字行向左靠。此為預設值。 right：文字行向右靠。 center：文字行排中央。 justify：文字行兩邊都對齊。網路遊戲, 線上遊戲, 好玩遊戲, 球類遊戲, 越野障礙遊戲, 金錢遊戲, 數獨遊戲, 大富翁, 生存遊戲, 射擊遊戲, 益智遊戲, 武打遊戲, 槍戰遊戲。網路遊戲, 線上遊戲, 好玩遊戲, 球類遊戲, 越野障礙遊戲, 金錢遊戲, 數獨遊戲, 大富翁, 生存遊戲, 射擊遊戲, 益智遊戲

DIR, MENU

2008-10-31T17:21:00.006+08:00

DIR 用來產生一個多欄位的目錄表，而 MENU 則用來產生一個單欄位的選單表。用 LI 指定表單的項目，結構與 UL 相同，建議多用 UL。屬性說明通用屬性此元件可以使用通用屬性，請參考通用屬性的說明。 COMPACT 使用簡單的風格展現 DIR 與 MENU。使用 DIR： 1 a b 2 x y 使用MENU： 1 a b 2 x y dumpSample('spDIR');

DEL, INS

2008-10-31T16:39:00.005+08:00

DEL 用來標示文件中的一段文字被刪除，通常會在文字劃橫線，也可用風格表設為不顯示。INS 則用來標示一段文字是後加入文件中的。兩者可以用來修改不同版本文件。DEL 與 INS 可當作字行（inline）元件，也可當作區塊（block）元件；當作字行元件時，不可含有區塊元件。屬性說明通用屬性此元件可以使用通用屬性，請參考通用屬性的說明。 CITE 內存網址（URI），指到一個網頁，說明資料變更的原因。 DATETIME 設定資料變更的日期時間。時間格式如下： YYYY-MM-DDThh:mm:ssTZD 這個格式必須完全符合，其中 T 表示時間的開始。 YYYY 四位數的年，例如 1997, 2008。 MM 兩位數的月。01 至 12。 DD 兩位數的日期。01 至 31。 hh 兩位數的時。

DD, DL, DT

2008-10-31T15:07:00.006+08:00

DL 用來宣告一個區塊，內含專有名詞或術語的定義表。DT 和 DD 都要用在 DL 區塊中。DT 用來指定一個專有名詞或術語，DD 則用來指定名詞的說明。DD 之前應有 DT。一個術語可有多個定義，或多個術語有相同的定義。DT, DD 也可用來表示對話。屬性說明通用屬性此元件可以使用通用屬性，請參考通用屬性的說明。儒家古時宣揚道德教育與仁愛政治的知識份子。孔子儒家始祖。孟子儒家亞聖。 dumpSample('spDD');

COL, COLGROUP

2008-10-31T13:54:00.019+08:00

COL 可以用來設定報表（TABLE）中的一個直欄的共同屬性。COL 可以直接用在 TABLE 中。也可放在 COLGROUP 中，COL 會改寫 COLGROUP 設定的屬性值。部份瀏覽器沒有完整支援此功能。只有 SPAN, WIDTH 兩個屬性有完整的支援。 COLGROUP 可以用來設定報表（TABLE）中的數個直欄（預設值為 1）的共同屬性，可用 SPAN 屬性宣告直欄數。COLGROUP 必須直接接在 CAPTION 之後，且在 THEAD 之前。COLGROUP 區塊中可放 COL，COL 會改寫 COLGROUP 設定的屬性值；用了 COL，就不能用 SPAN。部份瀏覽器沒有完整支援此功能。屬性說明 ALIGN | BGCOLOR | CHAR | CHAROFF | SPAN | VALIGN | WIDTH 通用屬性

CENTER

2008-10-31T09:07:00.005+08:00

宣告一個區塊，其中的元件，都放置在水平中央。與

同義。CENTER 的好處是比短，可以少打幾個字母。作者偶而還是會用到到 CENTER。屬性說明通用屬性此元件可以使用通用屬性，請參考通用屬性的說明。沒用 CENTER 用了 CENTER 水平中央看起來很不錯離開 CENTER dumpSample('spCOM');

CAPTION

2008-10-31T08:40:00.007+08:00

宣告報表（TABLE）的標題。CAPTION 只能用在 TABLE 中，直接接在 TABLE 標籤之後。一份報表中只能有一個 CAPTION。屬性說明通用屬性此元件可以使用通用屬性，請參考通用屬性的說明。 ALIGN 指定標題在報表中放置的位置。不同瀏覽器的展現方式不同。可設為： top：標題放在報表的上方。此為預設值。 bottom：標題放在報表的底部。 left：標題放在報表的左邊。 right：標題放在報表的右邊。標題第一行第二行第三行 dumpSample('

BUTTON

2008-10-31T08:02:00.008+08:00

BR

2008-10-30T20:23:00.004+08:00

在文件內容中，斷行，後續內容在下一行展現。文章要分小段應該用 P，而不應用 BR。用 P 更容易對小段文字加上風格。屬性說明 IDCLASSSTYLETITLE 請參考通用屬性的說明。 CLEAR BR 產生斷行後，後續的文字展現的位置。可設定為： none：此為預設值，後續文字展現在下一行。 left：浮動物件是靠左邊，則後續文字展現在最近浮動物件的下方。 right：浮動物件是靠右邊，則後續文字展現在最近浮動物件的下方。 all：不論浮動物件是靠左邊或靠右邊，後續文字展現在最近浮動物件的下方。 John F. Kennedy said: ask not what your country can do for you - ask what you can do for your country.

BODY

2008-10-30T20:18:00.008+08:00

BODY 區塊所包含的內容就是文件要展現的資料，可以是：文字，圖像，影音等等。屬性說明 ALINK | BACKGROUND | BGCOLOR | LINK | TEXT | VLINK | ONLOAD | ONUNLOAD 通用屬性此元件可以使用通用屬性，請參考通用屬性的說明。 ALINK 此文件中的超連結，被啟動後的顯示顏色。請參考顏色用法。建議改用風格表，設定超連結的顏色。可有以下選擇： A:active：超連結被點選。 A:hover：滑鼠游標在超連結上移動。 A:link：未訪問的網頁。 A:visited：已經訪問過的網頁。 .clsX a {background:white; text-decoration:underline

引用：BLOCKQUOTE, Q

2008-10-30T20:05:00.007+08:00

Q 和 BLOCKQUOTE 都用來表示內含引用的文字。Q 用在文字行，而 BLOCKQUOTE 用在文字區塊。BLOCKQUOTE 的區塊中可以包括區塊元件（block-level element），例如 P, 和 DIV 等等。屬性說明通用屬性此元件可以使用通用屬性，請參考通用屬性的說明。 CITE 內存被引用文字的來源。標準組織的建議是放網址。作者覺得放期刊索引也無妨。元件使用說明 BLOCKQUOTE John F. Kennedy said: ask not what your country can do for you - ask what you can do for your country. dumpSample('

BDO

2008-10-30T20:01:00.006+08:00

改變文字預設的展現方向。屬性說明 IDCLASSSTYLETITLELANGDIR 請參考通用屬性的說明。 DIR 可設為：（一）rtl 文字方向，由右向左。（二）ltr 文字方向，由左向右。中華民國 vs 中華民國 dumpSample('spDIR');

字型變更元件: BASEFONT, FONT

2008-10-30T19:55:00.006+08:00

FONT 用來變更文字的大小，字型與顏色。BASEFONT 設定文字的基準尺寸。不同的瀏覽器，會有不同的展現方式。建議改用風格表（style sheet）效果會比較好。屬性說明 COLOR | FACE | SIZE IDCLASSSTYLETITLEDIRLANG 請參考通用屬性的說明。 COLOR 變更文字的顏色。請參考顏色用法。紅色字黃色字 BASEFONT 暗紅色 dumpSample('spCOLOR'); 暗紅色只有 IE 可以顯現；Firefox, Safari, Chrome 都沒能顯示暗紅色。 FACE 變更文字的形態。可以設定一個字型名稱；也可以設多個字型名稱，用逗號分開；如果第一個字型名稱不存在，就用第二個字型，如此依序下去。

BASE

2008-10-30T19:41:00.004+08:00

BASE 宣告文件的網址（URI）的基準，其它元件可參考此基準，使用相對的網址。一份文件只能有一個 BASE，BASE 必須放在 HEAD 區段。使用相對網址的元件，必須放在 BASE 之後。大部分的網頁已經有自己的網址，所以大都用不到 BASE；但使用電子信件時，就需要用到 BASE 指定信件的網址基準。屬性說明 HREF 設定一個絕對的網址，作為文件網址的基準。屬性用法：請參考字型 dumpText('spHREF'); 上面的範例中，BASE 會取 http://www.ant.com/HTML 為基準。範例中的

AREA

2008-10-30T19:20:00.009+08:00

A（Anchor）

2008-10-30T18:37:00.058+08:00

字型元件：B, BIG, I, S, SMALL, STRIKE, TT, U

2008-10-30T07:26:00.006+08:00

字型元件用在設定文字的顯示風格。但是不同的瀏覽器，會有不同的顯示效果。屬性說明 B | BIG | I | S | SMALL | STRIKE | TT | U 通用屬性此元件可以使用通用屬性，請參考通用屬性的說明。元件使用說明 B B（Bold）粗體字。正常字 vs 粗體字 dumpSample('spB'); BIG 大型字。正常字 vs 大型字 dumpSample('spBIG'); I I（Italic）斜體字。正常字 vs 斜體字 dumpSample('spI');

片語元件: ABBR, ACRONYM, CITE, CODE, DFN, EM, KBD, SAMP, STRONG, VAR

2008-10-30T06:58:00.024+08:00

屬性與事件

2008-10-29T16:39:00.014+08:00

屬性： ACCESSKEY, ALIGN, HSPACE, TABINDEX, TARGET, VSPACE, 顏色事件： ONBLUR, ONFOCUS 屬性屬性說明通用屬性請參考通用屬性的說明 ACCESSKEY 設定元件對應鍵盤上的一個快速鍵，可利用快速鍵選取對應的元件。 dumpSample('spACCESSKEY'); Firefox 瀏覽器的快速鍵用法是 alt + shift + 'm'。Internet Explorer, Safari, chrome 三個瀏覽器，則可用 alt + 'm'，也可用 alt + shift + 'm'。 ALIGN 指定元件與四周對齊的方法。可設為： top：指定物件的頂部，

APPLET

2008-10-29T16:12:00.009+08:00

ADDRESS

2008-10-29T13:37:00.019+08:00

ADDRESS 用來標示文件的聯絡人資訊，例如電話號碼，電子信箱，郵件地址等等。屬性說明通用屬性此元件可以使用通用屬性，請參考通用屬性的說明。如對本公司產品有興趣，請不吝賜電 02-78310zz 吳名賜先生或寄至電子信箱 wumin@yahcc.com.tw dumpSample('spADDRESS');

通用屬性

2008-10-28T09:36:00.044+08:00

通用屬性是每個元件都可以用到的，但有少數例外，例如 APPLET 元件只用到核心屬性。通用屬性分成三類：核心屬性： ID， CLASS， STYLE， TITLE。國際化語言屬性： DIR， LANG。啟動程序的事件： ONCLICK， ONDBLCLICK, ONMOUSEDOWN， ONMOUSEUP, ONMOUSEOVER, ONMOUSEMOVE, ONMOUSEOUT, ONKEYPRESS, ONKEYDOWN， ONKEYUP。此外還有其它屬性與事件。核心屬性：ID，CLASS，STYLE，TITLE。註解文字段，此段文字不會顯示出來。用以宣告超連結。搜尋表示縮寫字，例如USA為 United States of America。表示縮寫字，例如ROC為 Republic of China。 acronym 與 abbr 都是指縮寫字，其差別是 acronym 的縮寫字可以讀出音。例如 ROC 可唸成 rock，而 USA 唸成 u，s，a。