版權宣告與使用說明:
本篇語法曾對右列
七套常用瀏覽器分別測試 。
本語法採用標籤、屬性及設定值的顏色表示方法:<標籤名稱 屬性名稱="設定值">。
標籤名稱,表示這是某個標籤;屬性名稱,表示這是某個標籤的屬性名稱;設定值,表示這是某個屬性名稱的值。
按 可查看相關屬性值用法;按 可前往本篇各節詳細報導頁面;退回請按上方右側【語法蒐整】選單即可。
您也可以使用本頁左上角的【搜尋字串】,輸入欲查詢的字串,加快找詢標籤。
本資料原為網頁研習室教材與教學會員專屬教材,為鼓勵更多人學習網頁製作,特別開放給所有網友完全免費使用。
按一下右邊文字便可複製超連結語法 網頁研習室 HTML 教學 或使用複製方式 。
注意:本站所有資料未經授權同意,請勿盜用,但歡迎加入友站鏈結,請詳參版權所有宣告,以免觸法。
|
<標籤名稱 屬性名稱="設定值"> |
名稱及前往 | 用 途 簡 介 |
<! - -註解 - -> |
註解、忽略  |
類似其他語言一樣,讓作者易於辨識或暫時隱藏 |
AccessKey="Alt + N" |
設定快速鍵  |
同時按下 Alt+N 鍵盤鍵,便會自動指向該超鏈結位置 |
Action="URL"  |
程式指向位址  |
指定互動式表單處理程式的檔案及位址 |
<A Href="#指定名稱">...</A> |
錨定的名稱  |
鏈結到同一頁或某一頁的定點位置 |
<A Href="URL">文字或圖片</A> |
超連結  |
按下鏈結後的指定路徑或網址位置 |
Align="Left"|"Ccenter"|"Right" |
水平靠齊  |
指定文字、線段、表格、圖片水平位置的對齊方式 |
Align="Bottom"|"Middle"|"Top" |
垂直對齊  |
指定圖片與文字位置的對齊方式 |
Align="TT"|"AM"|"AB" |
絕對對齊  |
Absolute 對齊 "TextTop"|"middle"|"AbsBottom" |
Alt="文字字串" |
代替文字  |
給圖片的註解文字 |
<A Name="#錨的名稱"></A> |
被指定的名稱  |
被指定連結的錨定位置 |
AutoComplete="On"|"Off" |
自動載入與否  |
自動載入表單前輸入的文字與否 |
<B>... </B> |
粗體字  |
將字體加粗 |
BackGround="路徑及檔案" |
背景圖片  |
指定本文或表格內背景要顯示的圖片 |
<BaseFont Size="Number"">
| 預設字體大小  |
指定 <BODY>...</BODY> 內所有文字大小為同一尺寸 |
<Base Href="URL">
| 基礎路徑  |
指定本文區 <BODY>...</BODY> 內超連結相對位址 |
<Base Target="Window Name">
| 基礎路徑  |
指定分割視窗 <BODY>...</BODY> 內超連結相對位址 |
BgColor="#RGB"  |
背景顏色  |
指定本文或表格內背景的顏色 |
BgProperties="Fixed" |
固定背景圖片  |
讓您的背景圖畫面固定不動 |
<BgSound Src="URL">
| 背景音樂  |
加入背景音樂基本語法 |
<Big>...</Big> |
較大字體  |
字體會變的較大些 |
<Blink>...</Blink> |
閃爍文字  |
文字會有閃爍效果 |
<BlockQuote>...</BlockQuote> |
區塊引言  |
引用他人文章等資料內容 |
<BODY>... </BODY> |
HTML 本體  |
HTML 的本文主體,要顯示的物件大多放於此內 |
Border="Number"  |
邊框厚度  |
設定圖片、表格、分割視窗的邊界厚度 (Pixel) |
<BR> |
斷列 (換行)  |
強迫文字,將這列 (Row) 斷掉,或清除標籤  |
<Button >... </Button > |
圖片型按鈕  |
用於您希望美化表單的按鈕而已 |
<Caption>... </Caption> |
標題標籤  |
大多被使用於表格的標題,需結速標籤 |
CellPadding、CellSpacing="Number"  |
格框寬度設定  |
表格資料欄位與框邊的距離、格框線寬度 (阿拉伯數值) |
<Center>... </Center> |
文件內容置中  |
讓所包含在內的物件,向中央對齊 |
Checked |
表單預設選項  |
表單屬性,非必要屬性,被指定後會變成預設選項 |
Color="#RGB"|"Color Name"  |
顏色或色碼  |
指定水平線、字型、框線、分割線 ... 的顏色 |
Cols、Rows="X1","X2"  |
分割方式  |
分割成左右或上下子視窗 |
ColsPan、RowsPan="Number"  |
行及列的擴展  |
設定表格行(左右)欄位及列(上下)的合併 |
<DD> |
定義內容  |
敘述式清單的項目解說 |
DisAbled |
欄位不能被選取  |
表單屬性,非必要屬性,指定時可限制使用者使用其功能 |
<DIV>... </DIV> |
區塊排列  |
打包元件,其作用與 <Pre> 相似,可設 Align 屬性 |
<DL>...</DL> |
敘述式清單  |
敘述式清單的開始與結束標籤 |
<DT> |
定義項目  |
敘述式清單的項目 |
<DOCTYPE> |
文件類型  |
DOCTYPE 是 Document Type 的縮寫  |
<EM>...<EM> |
強調文字  |
用於強調之處,文字會變粗 |
Enctype |
編碼的格式  |
對表單中的參數進行編碼格式,有三種格式 |
<FieldSet><Legend></Legend></FieldSet> |
線條美化表單  |
用於您希望美化表單的外框而已 |
<Font Color、Face、Size >... </Font> |
字體的形態  |
指定所用文字的顏色、字形、大小 ... |
<Form>... </Form> |
互動表單  |
互動式表單的開始與結束標籤 |
<Frame Src="URL"> |
子視窗  |
指定子視窗路徑與名稱 |
FramenBorder="Number"  |
窗框邊線 |
設定子視窗的窗框邊線顯示與否及顏色 |
BorderCcolor="#RGB"  |
窗框邊線顏色 |
設定子視窗或表格 的窗框邊線顯示與否及顏色 |
<FrameSet>...</FrameSet> |
分割視窗  |
分割視窗的開始與結束標籤,思考步驟 |
<Hn>...</Hn> |
文字大小  |
設定文字大小,顯示粗體及自動跳列 |
<HEAD>... </HEAD> |
表頭資訊  |
標示本文件的表頭及內容等資訊 |
Height、Width="Pixel"|"%"  |
寬度與高度  |
調整表格 或圖檔 的高度及寬度 |
<HR> |
分格線  |
產生水平分格線,有斷列 (Rows) 效果 |
<HTML>...</HTML> |
超本文文件  |
超本文文件的開始與結束標籤 |
<I>...</I> |
斜體字  |
將文字變成半倒斜狀態 |
<IFrame Src="URL" > |
懸浮窗框  |
允許您在網頁中開一個特別的視窗 |
<Img Src="URL">...</Img> |
圖片  |
圖片基本語法及其路徑與檔名 |
<Img LowSrc="URL"> |
預載圖片  |
讓低解析圖片先預載,再顯示高檔圖片 |
<Input Type Name Value ... > |
輸入欄位  |
輸入表單標籤及相關屬性 |
<LI> |
項目  |
無序號項目列表,可指定 3 種 Type 屬性 |
MailTo: ... Enctype="Text/Plain |
內設寄信表單  |
使用瀏覽器內設程式替代需後端處理程式 |
MarginWidth MarginHeight="Pixel"  |
左右及上下留白 |
設定子視窗左右及上下邊緣留白距離 或貼齊邊緣 |
<Marquee>...</Marquee> |
跑馬燈效果  |
可產生跑馬燈的效果 |
Maxlength |
輸入最大長度  |
非必要表單屬性,單位字元,限制輸入最大字數 |
<Meta Http-Equiv Duration Transition> |
進出場特效  |
進入或離開網頁時,自動產生變化效果 |
<Meta Http-Equiv Content;Charset> |
自動換頁  |
讓瀏覽器在某段時間後自動更換新的頁面 |
Method="Get"|"Post |
傳送方式  |
設定互動式表單的資料傳送 "Get"|"Post" 方式 |
<Multiple> |
多項選擇欄  |
可同時選擇多項的欄位表單 |
Name="文字字串" |
視窗、欄位名稱 |
為子視窗 或表單 取個名字,便於指定用途 |
Number |
阿拉伯數值 |
"0" ∼ "9" 的阿拉伯數值,不能使用小數點 |
<NoBr> ...</NoBr> |
不會被斷列  |
強迫文字等物件,不可斷列 (Rows) ,無屬性及設定值 |
<NoFrame> |
不支援分割  |
遇到瀏覽器不支援分割視窗時,要顯示的文字內容 |
NoResize |
不可縮放  |
鎖住子視窗的大小,無法使用滑鼠來縮小放大 |
Noshade |
無陰影  |
會以沒陰影(實心)效果顯示 |
NoWrap |
禁止文字折返  |
強迫表格欄位內資料不可換行,NoWrap 無屬性及設定值 |
<Ol>...</Ol> |
有序號列表  |
設定有序號列表的開始與結束標籤 |
<Option ... /Option> |
選項表單  |
表單中的選項設定 |
<P> |
強迫跳列  |
讓文字或物件跳列,可設 Align 屬性 |
Pixle |
像素值  |
像素 (pixel) 用來計算數位影像的一種單位 |
% |
百分比 |
百分比 (%) 用來計算數位螢幕相對值的一種單位 |
<Pre>... </Pre> |
預先格式  |
按照文字排列原貌顯示結果 |
ReadOnly |
顯示不能輸入  |
表單屬性,非必要屬性,指定時可限制使用者輸入資料 |
Color="#RGB" |
16 進位色碼值  |
設定值使用十六進位表示,如 #0000FF、#FF0000 |
Color="Color Name" |
英文名稱色碼值  |
設定值使用英文名稱命名,如 Blue、Red |
<S>...</S> |
刪除線標籤  |
文字中央加條刪除橫線 |
Scrolling="Yes"|"No"|"Auto" |
視窗捲軸  |
設定子視窗是否有捲軸功能 |
<Select>...</Select> |
選取表單  |
宣告窗型選擇性欄位的開始與結束標籤 |
<Small>...</Small> |
小字體  |
顯示較小的字體 |
<Span>... </Span> |
區塊排列  |
內嵌元素,可藉由樣式表用來呈現文字 |
Src |
來源檔案  |
採相對或絕對路徑,也可用於網頁圖片或超鏈結 |
<Strike>...</Strike> |
文字加橫線  |
將文字中央加條橫線 |
<Strong>...</Strong> |
加強文字  |
將文字用於加強顯示時,字體變粗又黑 |
<Sub>... </Sub> |
下標字  |
例如:logaB |
<Sup>... </Sup> |
上標字  |
例如:22 |
<Table>...</Table> |
表格  |
宣告表格的開始與結束標籤,思考步驟 |
Target="Way"  |
視窗開啟方式 |
超鏈結 或分割視窗 的指定開窗方式 |
<Td>...</Td> |
資料欄位  |
宣告表格的資料欄位開始與結束標籤 |
<Body Text Link Alink Vlink > |
文字顏色 |
指定文字 、超鏈結 、被壓下時、已連結過顏色 |
<TextArea>... </TextArea> |
文字輸入欄  |
設定表單本文區域欄位要加入多少列、欄 |
<Th>...</Th> |
標頭欄位  |
宣告表格標頭欄位開始與結束標籤 |
Title="文字字串" |
代替文字 |
給超練結 或表單 等的註解文字 |
<TITLE>...</TITLE> |
文件標題  |
本 HTML 文件標題(檔頭)資訊,會顯示在 Browser上方 |
<Tr>...</Tr> |
表格行位  |
宣告表格的列位 (Cols) 開始與結束標籤 |
Type="Text"|"PassWord"|"Hidden" ... |
表單屬性  |
表單 Input 屬性 Type 計有 "Text" 等 10 種類型 |
Type="1"|"a"|"A"|"i"|"I" |
有序號項目型式  |
在 <Ol> 時其設定值可為 1、a、A、i、I |
Type="Disc"|"Circle"|"Square" |
無序號項目型式  |
在 <Li> 時其設定值可為 Disc、Circle、Square |
<TT>...<TT> |
打字機字型標籤  |
文字顯示打字機字型效果 |
<U>...<U> |
加底線  |
將文字加上底線 |
<UL>...</UL> |
無序號列表  |
無序號的條例清單 |
URL 可為 http Ftp TelNet ... |
統一資源定位器 |
可為 http、Ftp、TelNet、News、Gopher、MailTo  |
URL 可為相對或絕對路徑 |
路徑的表示方法 |
教您徹底認識相對 V.S 絕對路徑關係 |
Valign="Top"|"Middle"|"Bottom" |
垂直對齊  |
指定圖檔或表格垂直方向的對齊方式 |
Vspace、Hspace="Pixle"  |
上下及左右邊界  |
設定圖片的上下及左右邊界寬度(空間大小) |
Way |
視窗開啟方式 |
超鏈結 或分割視窗 的指定開窗方式 |
"X1","X2" 或 "Y1","Y2" |
分割視窗單位 |
可用絕對值 (pixel) 、相對值 (%) 與萬用字元 (*) |
"Y"|"N" |
是或否 |
設定該屬性是真或假,"Yes|"NO" 也可以用 "0"|"1" |
® © < > & " |
特殊字元 |
想瞭解如何增加一 (半) 個字元?  |
您只要把這幾個常用標籤搞懂弄熟,其他的只要有印象、看的懂就夠用了。
|
|
|
初稿 2001.01.22 日,更新 2010.08.30 日 網頁研習室 - 李文能完成于臺灣臺北縣汐止市
|