HTML標記大全

HTML標記大全參考手冊[推薦]
總類(所有HTML文件都有的) 

 

文件類型 <HTML></HTML> (放在檔案的開頭與結尾) 
文件主題 <TITLE></TITLE> (必須放在「文頭」區塊內) 
文頭 <HEAD></HEAD> (描述性資料,像是「主題」) 
文體 <BODY></BODY> (文件本體) 

------------------------------------------------------------結構性定義(由瀏覽器控制的顯示風格) 

標題 <H?></H?> (從1到6,有六層選擇) 
3.0 標題的對齊 <H? ALIGN=LEFT|CENTER|RIGHT></H?> 
3.0 區分 <DIV></DIV> 
3.0 區分的對齊 <DIV ALIGN=LEFT|RIGHT|CENTER|JUSTIFY></DIV> 
引文區塊 <BLOCKQUOTE></BLOCKQUOTE> (通常會內縮) 
強調 <EM></EM> (通常會以斜體顯示) 
特別強調 <STRONG></STRONG> (通常會以加粗顯示) 
引文 <CITE></CITE> (通常會以斜體顯示) 
碼 <CODE></CODE> (顯示原始碼之用) 
樣本 <SAMP></SAMP> 
鍵盤輸入 <KBD></KBD> 
變數 <VAR></VAR> 
定義 <DFN></DFN> (有些瀏覽器不提供) 
地址 <ADDRESS></ADDRESS> 
3.0 大字 <BIG></BIG> 
3.0 小字 <SMALL></SMALL> 

------------------------------------------------------------與外觀相關的標籤(作者自訂的表現方式) 

加粗 <B></B> 
斜體 <I></I> 
3.0 底線 <U></U> (尚有些瀏覽器不提供) 
3.0 刪除線 <S></S> (尚有些瀏覽器不提供) 
3.0 下標 <SUB></SUB> 
3.0 上標 <SUP></SUP> 
打字機體 <TT></TT> (用單空格字型顯示) 
預定格式 <PRE></PRE> (保留文件中空格的大小) 
預定格式的寬度 <PRE WIDTH=?></PRE>(以字元計算) 
N1.0+ 向中看齊 <CENTER></CENTER> (文字與圖片都可以) 
N1.0 閃耀 <BLINK></BLINK> (有史以來最被嘲弄的標籤) 
N1.0 字體大小 <FONT SIZE=?></FONT>(從1到7) 
N1.0 改變字體大小 <FONT SIZE=+|-?></FONT> 
N1.0 基本字體大小 <BASEFONT SIZE=?> (從1到7; 內定爲3) 
N2.0 字體顏色 <FONT COLOR="#$$$$$$"></FONT> 


-------------------------------------------------------------------------------- 

連結與圖形 

連結 <A HREF="URL"></A> 
連結到錨點 <A HREF="URL#***"></A>(如果錨點在另一個檔案) 
<A HREF="#***"></A> (如果錨點目前的檔案) 
N2.0 連結到目的視框 <A HREF="URL" TARGET="***"></A> 
設定錨點 <A NAME="***"></A> 
圖形 <IMG SRC="URL"> 
圖形看齊方式 <IMG SRC="URL" ALIGN=TOP|BOTTOM|MIDDLE> 
N1.0 圖形看齊方式 <IMG SRC="URL" 
ALIGN=LEFT|RIGHT|TEXTTOP|ABSMIDDLE|BASELINE|ABSBOTTOM> 
取代文字 <IMG SRC="URL" ALT="***"> (如果沒有辦法顯示圖形則顯示此文字) 
點選圖 <IMG SRC="URL" ISMAP> (需要CGI程式) 
N2.0 點選圖 <IMG SRC="URL" USEMAP="URL"> 
N2.0 地圖 <MAP NAME="***"></MAP>(描述地圖) 
N2.0 段落 <AREA SHAPE="RECT" COORDS=",,," HREF="URL"|NOHREF> 
3.0 大小 <IMG SRC="URL" WIDTH="?" HEIGHT="?">(以pixels爲單位) 
N1.0 圖形邊緣 <IMG SRC="URL" BORDER=?> (以pixels爲單位) 
N1.0 圖形邊緣空間 <IMG SRC="URL" HSPACE=? VSPACE=?> (以pixels爲單位) 
N1.0 低解析度圖形 <IMG SRC="URL" LOWSRC="URL"> 
N1.1 用戶端拉 <META HTTP-EQUIV="Refresh" CONTENT="?; URL=URL">(使用端自動更新 ) 
N2.0 內嵌物件 <EMBED SRC="URL"> (將物件插入頁面) 
N2.0 內嵌物件大小 <EMBED SRC="URL" WIDTH="?" HEIGHT="?"> 


-------------------------------------------------------------------------------- 

分隔 

段落 <P> (通常是兩個return) 
3.0 段落 <P></P> (新定義成容器型標籤) 
3.0 文字看齊方式 <P ALIGN=LEFT|CENTER|RIGHT></P> 
換行 <BR> (一個return) 
N1.0 文字部份看齊方式<BR CLEAR=LEFT|RIGHT|ALL>(與圖形合用時) 
橫線 <HR> 
N1.0 橫線對齊 <HR ALIGN=LEFT|RIGHT|CENTER> 
N1.0 橫線厚度 <HR SIZE=?> (以pixels爲單位) 
N1.0 橫線寬度 <HR WIDTH=?> (以pixels爲單位) 
N1.0 橫線比率寬度 <HR WIDTH=%> (以頁寬爲100%) 
N1.0 實線 <HR NOSHADE> (沒有立體效果) 
N1.0 不可換行 <NOBR></NOBR> (不換行) 
N1.0 可換行處 <WBR> (如果需要,可在此斷行) 


-------------------------------------------------------------------------------- 

列舉 (可以巢狀列舉) 

無次序式列舉 <UL><LI></UL> (<LI> 放在每一項前) 
N1.0 公佈式列舉 <UL TYPE=DISC|CIRCLE|SQUARE>(定義全部的列舉項) 
<LI TYPE=DISC|CIRCLE|SQUARE>(定義這個及其後的列舉項) 
有次序式列舉 <OL><LI></OL> (<LI> 放在每一項前) 
N1.0 數標型態 <OL TYPE=A|a|I|i|1> (定義全部的列舉項) 
<LI TYPE=A|a|I|i|1> (定義這個及其後的列舉項) 
N1.0 起始數字 <OL value=?> (定義全部的列舉項) 
<LI value=?> (定義這個及其後的列舉項) 
定義式列舉 <DL><DT><DD></DL>(<DT>項目, <DD>定義) 
表單式列舉 <MENU><LI></MENU>(<LI> 放在每一項前) 
目錄式列舉 <DIR><LI></DIR> (<LI> 放在每一項前) 


-------------------------------------------------------------------------------- 

背景與顏色 

3.0 重複排列的背景 <BODY BACKGROUND="URL"> 
N1.1+ 背景顏色 <BODY BGCOLOR="#$$$$$$"> (依序爲紅、綠、藍) 
N1.1+ 文字顏色 <BODY TEXT="#$$$$$$"> 
N1.1+ 連結顏色 <BODY LINK="#$$$$$$"> 
N1.1+ 看過的連結 <BODY VLINK="#$$$$$$"> 
N1.1 使用中的連結 <BODY ALINK="#$$$$$$"> 


-------------------------------------------------------------------------------- 

特殊字元(以下標籤需用小寫) 

特別符號 &#?; (其中 ? 代表 ISO 8859-1 的編碼) 
< < > > & & " " 
註冊商標TM ® 
N1.0+ 註冊商標TM ® 
著作權符號 © 
N1.0+ 著作權符號 © 


-------------------------------------------------------------------------------- 

表單 (通常需要與CGI程式配合) 

定義表單 <FORM ACTION="URL" METHOD=GET|POST></FORM> 
N2.0 上傳檔案 <FORM ENCTYPE="multipart/form-data></FORM> 
輸入欄位 <INPUT TYPE="TEXT|PASSWORD|CHECKBOX|RADIO|IMAGE|HIDDEN|SUBMIT|RESET"> 
欄位名稱 <INPUT NAME="***"> 
欄位內定值 <INPUT value="***"> 
已選定 <INPUT CHECKED> (適用於checkboxes與 radio boxes) 
欄位寬度 <INPUT SIZE=?> (以字元數爲單位) 
最長字數 <INPUT MAXLENGTH=?> (以字元數爲單位) 
下拉式選單 <SELECT></SELECT> 
下拉式選單名稱 <SELECT NAME="***"></SELECT> 
選單項目數量 <SELECT SIZE=?></SELECT> 
多選式選單 <SELECT MULTIPLE> (多選) 
選項 <OPTION> 
內定選項 <OPTION SELECTED> 
文字輸入區 <TEXTAREA ROWS=? COLS=?></textarea> 
輸入區名稱 <TEXTAREA NAME="***"></textarea> 
N2.0 輸入區換行方式 <TEXTAREA WRAP=OFF|VIRTUAL|PHYSICAL></textarea> 


-------------------------------------------------------------------------------- 

表格 

3.0 定義表格 <TABLE></TABLE> 
3.0 表格框線 <TABLE BORDER></TABLE> (有或沒有) 
N1.1 表格框線 <TABLE BORDER=?></TABLE>(可以設定數值) 
N1.1 儲存格左右留白 <TABLE CELLSPACING=?> 
N1.1 儲存格上下留白 <TABLE CELLPADDING=?> 
N1.1 表格寬度 <TABLE WIDTH=?> (以pixels爲單位) 
N1.1 寬度比率 <TABLE WIDTH=%> (頁寬爲100%) 
3.0 表格列 <TR></TR> 
3.0 表格列內容看齊 <TR ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM> 
3.0 儲存格 <TD></TD> (須與列並用) 
3.0 儲存格內容看齊 <TD ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM> 
3.0 不換行 <TD NOWRAP> 
N3.0 儲存格背景顏色 <TD BGCOLOR=#$$$$$$> 
3.0 儲存格橫向連接 <TD COLSPAN=?> 
3.0 儲存格縱向連接 <TD ROWSPAN=?> 
N1.1 儲存格寬度 <TD WIDTH=?> (以pixels爲單位) 
N1.1 儲存格寬度比率 <TD WIDTH=%> (頁寬爲100%) 
3.0 表格標題 <TH></TH> (跟<TD>一樣,不過會對中並加粗) 
3.0 表格標題對齊 <TH ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM> 
3.0 表格標題不換行 <TH NOWRAP> 
3.0 表格標題佔幾欄 <TH COLSPAN=?> 
3.0 表格標題佔幾列 <TH ROWSPAN=?> 
N1.1 表格標題寬度 <TH WIDTH=?> (以pixels爲單位) 
N1.1 表格標題比率寬度<TH WIDTH=%> (頁寬爲100%) 
3.0 表格擡頭 <CAPTION></CAPTION> 
3.0 表格擡頭看齊 <CAPTION ALIGN=TOP|BOTTOM>(在表格之上/之下) 


-------------------------------------------------------------------------------- 

視框 (定義與控制螢幕上的特定區域) 

N2.0 視框格式總定義 <FRAMESET></FRAMESET> (取代<BODY>) 
N2.0 視框行長度分配 <FRAMESET ROWS=,,,></FRAMESET>(pixels 或 %) 
N2.0 視框行長度分配 <FRAMESET ROWS=*></FRAMESET> (* = 相對大小) 
N2.0 視框欄寬度分配 <FRAMESET COLS=,,,></FRAMESET>(pixels 或 %) 
N2.0 視框欄寬度分配 <FRAMESET COLS=*></FRAMESET> (* =相對大小) 
N2.0 定義個別視框 <FRAME> (定義個別視框) 
N2.0 個別視框內容 <FRAME SRC="URL"> 
N2.0 個別視框名稱 <FRAME NAME="***"|_blank|_self|_parent|_top> 
N2.0 邊緣寬度 <FRAME MARGINWIDTH=?> (「左」與「右」邊界) 
N2.0 邊緣高度 <FRAME MARGINHEIGHT=?> (「天頂」與「地底」邊界) 
N2.0 捲動條 <FRAME SCROLLING="YES|NO|AUTO"> 
N2.0 不可改變大小 <FRAME NORESIZE> 
N2.0 無視框時的內容 <NOFRAMES></NOFRAMES>(如果瀏覽器不提供視框功能的話) 


-------------------------------------------------------------------------------- 

雜項 

說明 (瀏覽器不會顯示) 
檔案型態聲明 <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0//EN"> 
3.0 檔案型態聲明 <!DOCTYPE HTML PUBLIC "-//W3O//DTD W3 HTML 3.0//EN"> 
可搜尋 <ISINDEX> (指示可搜尋的索引項) 
N1.0 提示 <ISINDEX PROMPT="***"> (要求輸入的提示文字) 
送出搜尋條件 <A HREF="URL?***"></a> (其中的問號不是數字,而是「問號」) 
基本檔案的URL <BASE HREF="URL"> (必須放在「文頭」區段內) 
N2.0 基本視窗名稱 <BASE TARGET="***"> (必須放在「文頭」區段內) 
相關性 <LINK REV="***" REL="***" HREF="URL"> (必須放在「文頭」區段內) 
背景資訊 <META> (必須放在「文頭」區段內)

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章