常用HTML語法速查表


不分標籤或屬性名稱,按英文字母順序排列
初學者,建議列印,並找時間多看看她,認識她,了解她
請使用800*600解析度
<標籤名稱 屬性名稱="設定值"> 簡介 詳細說明
使用說明:
01.(IE)是指適用於微軟的Internet Expiorer Browser; (NC)是指適用於領航員Netscape Communicaor。
02.標籤名稱<   > 註記(屬)字,表示這是某標籤的屬性名稱,需要配合標籤使用,無法單獨產生作用。
02.標籤名稱<   > 註記(值)字,表示這是某屬性名稱的值,需要配合標籤及屬性使用,無法單獨產生作用。
03.<標籤名稱>... </標籤名稱> ,表示是這組的標籤宣告,須有開始與結束標籤。
04.我已將廢棄及少用的標籤拿掉,以減少不必要學習負擔。
<! - -註解 - -> 註解 類似其他語言一樣,讓作者或使用者易於辨識
ACTION=URL(屬) 處理位址 指定互動式表單處理程式的位址
ALT=文字(屬) 代替文字 加註圖片的文字說明
<A HREF=#錨的名稱>... </A> 錨定的名稱 鏈結同一頁或另一頁某一段的檔案位置
<A HREF=URL>...</A> 超連結 按下鏈結點後的指定網址或路徑位置
align=LEFT、CENTER、RIGHT(屬) 水平靠齊 指定【文字、線段、表格、圖片】水平位置的對齊方式
align=BOTTOM、MIDDLE、TOP(屬) 垂直對齊 指定【圖片】垂直位置的對齊方式
<A NAME=錨的名稱> 被連結點名稱 要求被連結的實際位置
<B>... </B> 粗體字 將字體加粗
BACKGROUND=URL(屬) 背景圖片 指定本文或表格內背景要顯示的圖片
<BASE HREF=URL> 基礎路徑 指定本文區 <BODY>... </BODY>內超連結相對位址
bgcolor=RGB(屬) 背景顏色 指定本文或表格內背景的顏色
<BGSOUND SRC=URL> 背景音樂 加入背景音樂基本語法(IE)
<BIG>...</BIG> 大字體 字體會變的較大些
<BLINK>...</BLINK> 閃爍 文字會有閃爍效果(NS)
<BODY>... </BODY> HTML本體 HTML的本文主體,要顯示的物件大多放於此內
BORDER=n(屬) 邊框厚度 設定【圖片、表格、分割視窗(NS)】的邊界厚度
<BR> 跳列、段 強迫文字等物件,將這列(row)斷掉,單獨標籤無屬性及設定值
CELLPADDING、CELLSPACING=n(屬) 格框寬度 調整表格資料欄位與框邊的距離、格框線寬度
<CENTER>... </CENTER> 向中對齊 讓所包含在內的物件,向中央對齊
COLOR=RGB(屬) 顏色或色碼 指定【字型、分割線(IE)】的顏色,設定值可用英文或十六進位表示
COLS、 ROWS=n(屬) 分割方式 分割成左右(垂直)或上下(水平)子視窗或表單本文區欄位加入多少欄與列
COLSPAN、ROWSPAN=n(屬) 行及列的擴展 設定表格行(左右)欄位及列(上下)的合併
<DD> 定義內容 敘述式清單的項目解說
<DIV>... </DIV> 區塊排列 其作用與<PRE>相似,可設ALIGN屬性
<DL>...</DL> 敘述式清單 敘述式清單的開始與結束標籤
<DT> 定義項目 敘述式清單的項目
<EM>...<EM> 強調文字 用於強調之處,文字會變粗
<FONT COLOR、FACE、 SIZE >... </FONT> 字體的形態 指定所用文字的【顏色、字形、大小】
<FORM>... </FORM> 互動表單 互動式表單的開始與結束標籤
<FRAME  SRC=URL> 子視窗 指定子視窗路徑與名稱
FRAMEBORDER、BORDERCOLOR=n(屬) 窗框邊線 設定子視窗的窗框邊線顯示與否及顏色(IE)
<FRAMESET>...</FRAMESET> 分割視窗 分割視窗的開始與結束標籤
<Hn>...</Hn> 文字大小 設定文字大小,顯示粗體及自動跳列,n=1~6數字(與FONT類似)
<HEAD>... </HEAD> 表頭資訊 標示本文件的表頭及內容等資訊,開始與結束標籤
HEIGHT、 WIDth=n(屬) 高寬度 調整表格或圖檔的高度及寬度
<HR> 分格線 產生水平分格線,有斷列(row)效果,可設WIDth、COLOR(IE)等屬性
<HTML>...</HTML> 超本文文件 超本文文件的開始與結束標籤
<I>...</I> 斜體字 將文字變成半倒斜狀態
<IMG SRC>...</IMG> 圖片 圖片基本語法及其路徑與檔名
<IMG LOWSRC=URL> 預載圖片 讓低解析圖片先預載,再顯然高檔圖片
<INPUT TYPE NAME VALUE> 輸入欄位 輸入型表單、形式、命名與預設值
<LI> 項目 項目清單的列出項目,有TYPE屬性可指定使用
MARGINWIDth、MARGINHEIGHT=n(屬) 左右及上下 設定子視窗的左右及上下邊界
<MARQUEE>...</MARQUEE> 跑馬燈效果 可產生跑馬燈的效果(IE)
<MENU>...</MENU> 項目清單 項目清單,有TYPE屬性可指定圖樣
<META HTTP-EQUIV CONTENT URL> 自動換頁 讓瀏覽器在某段時間後自動更換新的頁面
MEthOD=URL> 傳送方式 設定互動式表單的資料傳送(GET、POST)方式
<MULTIPLE> 多項選擇欄 可同時選擇多項的欄位表單
NAME=文字 視窗命名 為【子視窗、表單】取個名字,便於指定連結
N(值) 數字或像素 Width、Cols、Border...的設定值,可為百分比(%)或像素(Piexls)
<NOBR> ...</NOBR> 不跳列、段 強迫文字等物件,不可斷列(row) ,無屬性及設定值
<NOFRAME> 不支援分割 如遇瀏覽器不支援分割視窗時,要顯示的文字
NORESIZE=Y/N(屬) 不可縮放 鎖住子視窗的大小,無法使用滑鼠來縮小放大
NOWRAP(屬) 不換行 強迫表格欄位內資料不可換行,NOWRAP無屬性及設定值
<OL>...</OL> 有序號列表 設定有序號列表的開始與結束標籤,有屬性START & TYPE可指定使用
<OPTION> 選項 表單中的選項設定
<P> 跳段 讓文字或物件連續使用兩個 <BR> (跳列),可設ALIGN屬性
<PRE>... </PRE> 預先格式 按照文字排列原貌來展示結果
RGB(值) 顏色或色碼 設定值可用英文(RED、BLUR)或十六進位(FF0000、0000ff)等表示
SCROLLING=Y/N(屬) 視窗捲軸 設定子視窗是否有捲軸功能
<SELECT>...</SELECT> 選取表單宣告窗型選擇性欄位的開始與結束標籤
<SMALL>...</SMALL> 小字體 顯示較小的字體
<StrIKE>...</StrIKE> 文字加橫線 將文字中央加條橫線
<StrONG>...</StrONG> 加強文字 將文字用於加強顯示時,字體變粗又黑
<SUB>... </SUB> 下標字 例如:logaB
<SUP>... </SUP> 上標字 例如:22
<table>...</table> 表格 宣告表格的開始與結束標籤
TARGET=WinOpen(屬) 視窗開啟方式 按下鏈結點後的指定開窗方式
<td>...</td> 資料欄位 宣告表格的資料欄位開始與結束標籤
TEXT、LINK、ALINK、VLINK=RGB(屬) 文字顏色 指定本文內的【文字、鏈結、被壓下同時、已連結過】的文字顏色
<TEXTAREA>... </TEXTAREA> 文字輸入欄 設定表單本文區域欄位要加入多少列、欄
<th>...</th> 標頭欄位 宣告表格標頭欄位開始與結束標籤
<TITLE>...<TITLE> 文件標題 本HTML文件標題(檔頭)資訊,會顯示在Browser上方
<tr>...</tr> 表格行位 宣告表格的行位(COL)開始與結束標籤
TYPE=1...(屬) 圖式 在<OL>時其設定值可為1、a、A 、i、I
TYPE=Disc...(屬) 型式 在<LI>時其設定值可為DISC、CIRCLE、SQUARE
<U>...<U> 加底線 將文字加上底線
<UL>...</UL> 無序號列表 無序號的條例清單
URL=HTTP...(屬)統一資源定位器 可為HTTP、FTP、TELNET、NEWS、GOPHER、MAILTO
Valign=TOP、MIDDLE、BOTTOM(屬) 垂直對齊 指定【圖片或表格】垂直方向的對齊方式
VSPACE、HSPACE=n(屬) 上下及左右邊界 設定圖片的上下及左右邊界寬度(空間大小)
WINOPEN(值) 視窗開啟方式 _BLANK(獨新)、_NEW(覆新)、_SELF(本身)、_TOP(整頁)等方式
Y/N(值)是或否 用於設法該屬性是真或假、YES/NO、0/1
<   >   &   "   空一格 特殊字元一 &lt;   &gt;   &amp;   &quot;   &nbsp;
®   © 特殊字元二 &reg; 註冊  &copy;版權
您只要把這幾個標籤搞懂弄熟,其他的只要有印象、看的懂就夠用了。
相關參考資料:實用HTML語法蒐整

列印本頁