第三篇
HTML教學
網頁研習室 第十節
特殊語法
 
常用 HTML 語法蒐整
鏈結站名:網頁研習室 HTML 教學
鏈結網址:http://www.webpage.idv.tw/study/
或按下方的 網頁研習室 HTML 教學 文字
謝謝您的支持與配合!
注意您現在的位置指示第三篇 HTML 教學指示第十節:網頁特殊語法
本語法蒐整不分標籤或屬性名稱,按英文字母順序排列。
特別整理加註已知未來不支援 HTML 5 的標籤,並以此圖示 不支援未來 HTML 5 的標籤 表示 進入查看
特別整理 HTML5 與 HTML4 標籤對照,供你比對參考 進入查看
初學者,建議加入書籤加入我的最愛或下載下載列印列印,並找時間多看看它,認識它,了解它
版權宣告與使用說明:
本篇語法曾對右列 Internet Explorer Mozilla Firefox Safari Netscape Opera Chrome Avant Browser 七套常用瀏覽器分別測試
本語法採用標籤、屬性及設定值的顏色表示方法:<標籤名稱 屬性名稱="設定值">。
標籤名稱,表示這是某個標籤;屬性名稱,表示這是某個標籤的屬性名稱;設定值,表示這是某個屬性名稱的值。
查閱 可查看相關屬性值用法;按 進入查看 可前往本篇各節詳細報導頁面;退回請按上方右側【語法蒐整】選單即可。
您也可以使用本頁左上角的【搜尋字串】,輸入欲查詢的字串,加快找詢標籤。
本資料原為網頁研習室教材與教學會員專屬教材,為鼓勵更多人學習網頁製作,特別開放給所有網友完全免費使用。
按一下右邊文字便可複製超連結語法網頁研習室 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="路徑及檔案" 背景圖片 進入查看 指定本文或表格內背景要顯示的圖片
不支援未來 HTML 5 的標籤<BaseFont Size="Number""> 預設字體大小 進入查看 指定 <BODY>...</BODY> 內所有文字大小為同一尺寸
<Base Href="URL"> 基礎路徑 進入查看 指定本文區 <BODY>...</BODY> 內超連結相對位址
<Base Target="Window Name"> 基礎路徑 進入查看 指定分割視窗 <BODY>...</BODY> 內超連結相對位址
BgColor="#RGB" 查閱 背景顏色 進入查看 指定本文或表格內背景的顏色
BgProperties="Fixed" 固定背景圖片 進入查看 讓您的背景圖畫面固定不動
<BgSound Src="URL"> 背景音樂 進入查看 加入背景音樂基本語法
不支援未來 HTML 5 的標籤 <Big>...</Big> 較大字體 進入查看 字體會變的較大些
<Blink>...</Blink> 閃爍文字 進入查看 文字會有閃爍效果
<BlockQuote>...</BlockQuote> 區塊引言 進入查看 引用他人文章等資料內容
<BODY>... </BODY> HTML 本體 進入查看 HTML 的本文主體,要顯示的物件大多放於此內
Border="Number" 查閱 邊框厚度 進入查看 設定圖片、表格、分割視窗的邊界厚度 (Pixel)
<BR> 斷列 (換行) 進入查看 強迫文字,將這列 (Row) 斷掉,或清除標籤 進入查看
<Button >... </Button > 圖片型按鈕 進入查看 用於您希望美化表單的按鈕而已
<Caption>... </Caption> 標題標籤 進入查看 大多被使用於表格的標題,需結速標籤
CellPaddingCellSpacing="Number" 查閱 格框寬度設定 進入查看 表格資料欄位與框邊的距離、格框線寬度 (阿拉伯數值)
不支援未來 HTML 5 的標籤 <Center>... </Center> 文件內容置中 進入查看 讓所包含在內的物件,向中央對齊
Checked 表單預設選項 進入查看 表單屬性,非必要屬性,被指定後會變成預設選項
Color="#RGB"|"Color Name" 查閱 顏色或色碼 進入查看 指定水平線、字型、框線、分割線 ... 的顏色
ColsRows="X1","X2" 查閱 分割方式 進入查看 分割成左右或上下子視窗
ColsPanRowsPan="Number" 查閱 行及列的擴展 進入查看 設定表格行(左右)欄位及列(上下)的合併
<DD> 定義內容 進入查看 敘述式清單的項目解說
DisAbled 欄位不能被選取 進入查看 表單屬性,非必要屬性,指定時可限制使用者使用其功能
<DIV>... </DIV> 區塊排列 進入查看 打包元件,其作用與 <Pre> 相似,可設 Align 屬性
<DL>...</DL> 敘述式清單 進入查看 敘述式清單的開始與結束標籤
<DT> 定義項目 進入查看 敘述式清單的項目
<DOCTYPE> 文件類型 進入查看 DOCTYPE 是 Document Type 的縮寫 進入查看
<EM>...<EM> 強調文字 進入查看 用於強調之處,文字會變粗
Enctype 編碼的格式 進入查看 對表單中的參數進行編碼格式,有三種格式
<FieldSet><Legend></Legend></FieldSet> 線條美化表單 進入查看 用於您希望美化表單的外框而已
不支援未來 HTML 5 的標籤 <Font ColorFaceSize >... </Font> 字體的形態 進入查看 指定所用文字的顏色、字形、大小 ...
<Form>... </Form> 互動表單 進入查看 互動式表單的開始與結束標籤
不支援未來 HTML 5 的標籤 <Frame Src="URL"> 子視窗 進入查看 指定子視窗路徑與名稱
FramenBorder="Number" 查閱 窗框邊線進入查看 設定子視窗的窗框邊線顯示與否及顏色
BorderCcolor="#RGB" 查閱 窗框邊線顏色進入查看 設定子視窗或表格進入查看的窗框邊線顯示與否及顏色
不支援未來 HTML 5 的標籤 <FrameSet>...</FrameSet> 分割視窗 進入查看 分割視窗的開始與結束標籤,思考步驟 進入查看
<Hn>...</Hn> 文字大小 進入查看 設定文字大小,顯示粗體及自動跳列
<HEAD>... </HEAD> 表頭資訊 進入查看 標示本文件的表頭及內容等資訊
HeightWidth="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
不支援未來 HTML 5 的標籤 <S>...</S> 刪除線標籤 進入查看 文字中央加條刪除橫線
Scrolling="Yes"|"No"|"Auto" 視窗捲軸 進入查看 設定子視窗是否有捲軸功能
<Select>...</Select> 選取表單 進入查看 宣告窗型選擇性欄位的開始與結束標籤
<Small>...</Small> 小字體 進入查看 顯示較小的字體
<Span>... </Span> 區塊排列 進入查看 內嵌元素,可藉由樣式表用來呈現文字
Src 來源檔案 進入查看 採相對或絕對路徑,也可用於網頁圖片或超鏈結 進入查看
不支援未來 HTML 5 的標籤 <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> 時其設定值可為 1aAiI
Type="Disc"|"Circle"|"Square" 無序號項目型式 進入查看 在 <Li> 時其設定值可為 DiscCircleSquare
不支援未來 HTML 5 的標籤 <TT>...<TT> 打字機字型標籤 進入查看 文字顯示打字機字型效果
不支援未來 HTML 5 的標籤 <U>...<U> 加底線 進入查看 將文字加上底線
<UL>...</UL> 無序號列表 進入查看 無序號的條例清單
URL 可為 http Ftp TelNet ... 統一資源定位器指示 可為 httpFtpTelNetNewsGopherMailTo 進入查看
URL 可為相對或絕對路徑 路徑的表示方法進入查看 教您徹底認識相對 V.S 絕對路徑關係
Valign="Top"|"Middle"|"Bottom" 垂直對齊 進入查看 指定圖檔或表格垂直方向的對齊方式
VspaceHspace="Pixle" 查閱 上下及左右邊界 進入查看 設定圖片的上下及左右邊界寬度(空間大小)
Way 視窗開啟方式指示 超鏈結進入查看或分割視窗進入查看的指定開窗方式
"X1","X2" 或 "Y1","Y2" 分割視窗單位 可用絕對值 (pixel) 、相對值 (%) 與萬用字元 ()
"Y"|"N" 是或否指示 設定該屬性是真或假,"Yes|"NO" 也可以用 "0"|"1"
® © < >   & " 特殊字元進入查看 想瞭解如何增加一 (半) 個字元?進入查看 進入查看
您只要把這幾個常用標籤搞懂弄熟,其他的只要有印象、看的懂就夠用了。
初稿 2001.01.22 日,更新 2010.08.30 日 網頁研習室 - 李文能完成于臺灣臺北縣汐止市
回到頂端