[收藏整理]HTML命令，給剛學網頁的朋友，覺得好請頂下！8 C7 W& N8 |0 _9 r8 Z7 c1 [
O& U* a5 Q, E" r" w4 N: `
<html></html> 創建一個HTML文檔 & j. C6 p% ~) {% |6 |
<head></head> 設置文檔標題和其它在網頁中不顯示的信息 , H5 U. F# B/ K( M- \" @3 o" V3 K
<title></title> 設置文檔的標題
0 y! j( \) b! Z+ o! A/ ^# _" [, Y<h1></h1> 最大的標題
0 X5 q. a" ~9 h5 }0 ^<pre></pre> 預先格式化文本
8 w; X3 o% \. o; e9 b9 E% J<u></u> 下劃線
l1 _: ]* y% y$ j* T7 x: I& I+ L<b></b> 黑體字
8 d3 _. a+ ?1 w. v3 C2 D<i></i> 斜體字 + ^& e- t. f2 ]) `% {
<tt></tt> 打字機風格的字體 8 ]- n1 e$ G4 |2 s' I
<cite></cite> 引用,通常是斜體
) ?) q. i- u) y: K; a+ [<em></em> 強調文本(通常是斜體加黑體) " [% D3 F5 J/ {
<strong></strong> 加重文本(通常是斜體加黑體)
' z0 o4 N. r' [/ \<font size="" color=""></font> 設置字體大小從1到7，顏色使用名字或RGB的十六進制值
! P" g) C+ Z8 f5 Z. v; E<BASEFONT></BASEFONT> 基準字體標記
0 X" r) ?( c! T; f<big></big> 字體加大
( a9 v7 m# a( }1 ]<SMALL></SMALL> 字體縮小
- ^" ^) B) ? @<STRIKE></STRIKE> 加刪除線
8 d& J& C, s; C* O" `<CODE></CODE> 程式碼
. U$ ?" c0 f9 d" T* I( x<KBD></KBD> 鍵盤字
& b) ]5 v3 A, e6 {- J9 x<SAMP></SAMP> 範例
% c+ m1 o8 |7 S1 n7 D" V9 f<VAR></VAR> 變量 9 X) k0 P. |8 _2 f& O8 v' K% ?
<BLOCKQUOTE></BLOCKQUOTE> 向右縮排
7 H3 ?& {+ c0 Y4 C<DFN></DFN> 述語定義
' @) x ?8 s- {3 C8 ~7 A3 h- ^# m<ADDRESS></ADDRESS> 地址標記 2 {2 v8 i, N& Y5 K
<sup></SUP> 上標字 9 `+ a' Y3 R* q: W, |) c
<SUB></SUB> 下標字
* X0 h3 X) M I" C6 i<xmp>...</xmp>固定寬度字體(在文件中空白、換行、定位功能有效)
D- ]0 G) u1 z% c: @<plaintext>...</plaintext>固定寬度字體(不執行標記符號)
2 N7 C ~# m( o: S! D; Z) M<listing>...</listing> 固定寬度小字體 / h7 B; v) M. t) y
<font color=00ff00>...</font>字體顏色 ) W/ C {: G. v# |1 ^5 b
<font size=1>...</font>最小字體 ) Y/ o. u: C1 ^6 r0 I: E) g
<font style ='font-size:100 px'>...</font>無限增大 - A8 W4 a* t/ f/ i
: s# o4 m% K6 U
' J% s9 U( a7 j' ~6 p" M* j& n+ B' ~ o
◆◆◆◆◆◆◆◆◆◆◆◆◆◆《〈格式標誌〉》◆◆◆◆◆◆◆◆◆◆◆◆. E0 r$ R, G# u, X! c; L; M3 K
l* D8 A% W( `* |8 [* }, d) ?- _# |+ H$ e: k( K& }0 [1 J
/ _* }* i) m2 e+ X6 A1 L% x. y4 E<p></p> 創建一個段落
& T5 }: @% `% J* I; L<p align=""> 將段落按左、中、右對齊
\ P8 z: \$ k5 H! @5 `<br>換行 插入一個回車換行符
4 K9 ?" r4 C/ J0 V; z<blockquote></blockquote> 從兩邊縮進文本
, {: X v, u" e/ x: a6 l( n9 f<dl></dl> 定義列表 7 W$ U. U$ \5 e' T! h! X
<dt> 放在每個定義術語詞前
" F0 Y! E) m% H% B3 l8 V. G<dd> 放在每個定義之前 / X4 p: l$ h* m' Y" `' r& c* ]3 D
<ol></ol> 創建一個標有數字的列表 ( v% n$ Y# z. C r6 d7 |
<ul></ul> 創建一個標有圓點的列表
4 B7 _2 _6 B9 z2 X! M! S$ {+ _<li> 放在每個列表項之前,若在<ol></ol>之間則每個列表項加上一個數字,
: |) C, Q# ]$ v8 {* G9 A 若在<ul></ul>之間則每個列表項加上一個圓點
: [: c+ b4 ?7 j# a b2 B7 M<div align=""></div> 用來排版大塊HTML段落,也用於格式化表 {" N u5 z7 v7 W) T
<MENU> 選項清單 ' G1 h1 _* S+ y Q
<DIR> 目錄清單 5 f# L3 |6 ^* u/ d' t
<nobr></nobr> 強行不換行 + i9 [: a3 P! A: W1 Y' o& v
<hr size='9' width='80%' color='ff0000'>水平線(設定寬度) 9 y9 U t u7 j
<center></center> 水平居中 # y, ]" S6 G* P: m% M
- |/ F) b7 K0 _# Q) h! {
◆◆◆◆◆◆◆◆◆《〈鏈接標誌表格標誌〉》◆◆◆◆◆◆◆◆◆◆◆◆◆◆
6 Z; A' q) z% p( [" y: M4 r
" G) n$ b) |6 Q" c) A' h: C# L8 o( g. J9 @% ~
6 B4 n2 {) J" h' T! L/ k) h
<a href="URL"></a> 創建超文本鏈接 # j0 x( F0 n5 E$ c. m/ F& q
<a href="mailtEMAIL">
3 @7 L( h P) U, a' h: w# y' _$ }7 I! Z</a> 創建自動發送電子郵件的鏈接 $ @/ b- b& ~% E$ V1 n
<a name="name"></a> 創建位於文檔內部的書籤
) X7 h/ U9 Y9 ]<a href="#name"></a> 創建指向位於文檔內部書籤的鏈接 ( @8 n* R/ L( E
<BASE> 文檔中不能被該站點辨識的其它所有鏈接源的URL7 h: T% @- V5 K2 S
<LINK> 定義一個鏈接和源之間的相互關係 . ^/ P3 n |* v" U+ _% {
; g/ } |* ]1 z1 t# t% w$ _; F# ^$ p3 D; j' Q
& Y7 }1 ?3 i4 R: e/ k
◆◆◆◆◆◆◆◆鏈接標記註解：◆◆◆◆◆◆◆◆◆◆◆◆
, q3 y/ h& f0 _6 P! O/ S X( g# t6 f5 u7 ~/ r9 R( r
+ E: D) j6 Q. P, J1 y
* Q* s( F8 d6 ^5 m" C◆target="..."決定鏈接源在什麼地方顯示(用戶自定義的名字，_blank,_parent,_self,_top
9 l; N3 w% f' p, J- k: c/ \% X( A◆rel="..."發送鏈接的類型 % U7 U% W$ X0 e3 s4 n8 L
◆rev="..."保存鏈接的類型 ! D% B* x0 ~5 A! r1 h+ \6 |
◆accesskey="..."指定該元素的熱鍵
. w7 c1 g* S4 k◆shape="..."允許我們使用已定義的形狀定義客戶端的圖形鏡像(default，rect，circle，poly; C0 \ i$ }/ w
◆coord="..."使用像素或者長度百分比來定義形狀的尺寸3 C; m' w, ?& K, B! L0 G
◆tabindex="..."使用定義過的tabindex元素設置在各個元素之間的焦點獲取順序(使用tab鍵使元素獲得焦點)
, B4 {. g& V3 X5 E. _, a$ u* H" v" ]' [5 l3 B' z
+ l- a" k2 E6 a. a
6 }* ^' e2 B- w! K& x8 P◆◆◆◆◆◆◆◆表格標記註解：◆◆◆◆◆◆◆◆◆◆◆◆
+ Y5 I/ N7 f' ~6 Z# m: Y) o6 r& ]4 Y" y; _- [% [& D) a
, x( v& R# I! @" z+ _7 K0 B" k: `4 y( n4 V: w
<table></table> 創建一個表格
9 [3 @7 z; g+ [7 ~& {: R<tr></tr> 表格中的每一行 3 H1 d4 ]6 a* J# X
<td></td> 表格中一行中的每一個格子 # M' t4 w% D7 Y1 I2 |2 c
<th></th> 設置表格頭:通常是黑體居中文字 0 `1 J: h- m' g5 y: ]; X
<table cellspacing=""> 設置表格格子之間空間的大小
( e5 X1 d+ T, I g. B. |1 k<table border=""> 設置邊框的寬度
" Q$ ?3 W* x" d ?" _<table cellpadding=""> 設置表格格子邊框與其內部內容之間空間的大小
6 c+ o- x2 S! T<table width=""> 設置表格的寬度。用絕對像素值或總寬度的百分比
" W+ q# W+ H# o: z<table align=""> 設置表格格子的水平對齊方式(left,center,right,justify)( C8 }- r0 g# L/ r8 `3 L0 q
<tr align=""> 設置表格格子的水平對齊方式(left,center,right,justify) : ?# @9 L! a6 E9 q% e
<tr valign=""> 設置表格格子的垂直對齊方式(baseline,bottom,middle,top)
+ s- y9 H/ x3 H6 B& q<td colspan=""> 設置一個表格格子跨占的列數(缺省值為1) , d$ {, W0 t2 l% |' ?7 `% M6 ?
<td rowspan=""> 設置一個表格格子跨占的行數(缺省值為1) $ h. C0 ?. y( y8 U0 |! o2 c
<td nowrap> 禁止表格格子內的內容自動斷行 . t$ Z& q9 H2 S5 s
<CAPTION></CAPTION> 表格的標題 : d6 s/ D& g5 Y7 c# ^ {
<COLGROUP></COLGROUP> 定義多個列為一組列 , \( Y7 O7 V9 i% T
<TABLE></TABLE> 創建一個表格
& g8 i! p- A4 ], y% N4 u+ D4 H<THEAD></THEAD> 定義表格的頁眉2 d+ h4 w$ V0 y& w
<COL> 定義一個列組中的列，以便對它們能夠同時設置有關屬性
; n7 w1 T0 a- V3 m; W<TBODY></TBODY> 定義一個表格的實體
* [% ]8 |& E! ?* k; V, I& \$ o j<TFOOT></TFOOT> 定義一個表格的頁腳 & @' C P' l k& N) J$ s: }! @
+ P5 e# w$ N, j( b% p% `' k+ H- r( `- o* i& v7 I! m1 S7 T3 _: j
, K/ c- L/ O: K( N, R
. Y5 ]" \0 i2 }$ m# M. }◆◆◆◆◆◆◆◆◆◆◆◆《表單標誌》◆◆◆◆◆◆◆◆◆◆◆7 i A9 [) \0 f' ?7 l. r' N
5 J' [% P2 O7 [5 J" g
$ c) f s2 V6 U& X" `
* u7 r8 e2 {1 `
<form></form> 創建表單 ' A! x' U: v: F6 V
action="..."接收數據的服務器的URL# Y3 W, h% ~1 T7 C4 c; `
method="..."HTTP的方法(get, post)。其中get是被反對使用的
; ]4 I6 a- u0 ^* v1 ^/ L5 v5 Cenctype="..."指定MIME(Internet媒體類型)
/ X, W5 o: S2 z* y# |8 `/ Qonsubmit="..."當提交表單時發生的內部事件% c3 P0 R) h4 {+ V
noreset="..."在重新設置表單時發生的內部事件8 n. G5 k: D/ p3 t
target="..."決定把內容顯示在什麼地方(_blank, _parent, _self, _top * K3 ^* f/ p8 R: ]" |: o1 T9 I. {
<select multiple name="name" size=""></select> 創建滾動菜單,size設置在需要滾動前可以看到的表單項數目 <option> 設置每個表單項的內容 9 Q4 u8 E; E4 N5 L2 l: P
<select name="name"></select> 創建下拉菜單
3 X" d v" }6 P* e u<textarea name="name" cols=40 rows=8></textarea> 創建一個文本框區域,列的數目設置寬度,行的數目設置高度
3 L7 Q; A" @$ R$ U<input type="checkbox" name="name"> 創建一個復選框,文字在標籤後面
+ y+ b1 x! g8 m/ I4 C<input type="radio" name="name" value=""> 創建一個單選框,文字在標誌後面 7 U% k3 A& I) e% p
<input type=text name="foo" size=20> 創建一個單行文本輸入區域,size設置以字符串的寬度
, t3 a O8 l" M C% t# o<input type="submit" value="name"> 創建提交(submit)按鈕
( |$ P3 x* U0 l8 l. r<input type="image" border=0 name="name" src="name.gif"> 創建一個使用圖像的提交(submit)按鈕 <input type="reset"> 創建重置(reset)按鈕 . \) [8 Q5 I w9 [+ [
<BUTTON></BUTTON> 創建一個按鈕
& c* s, w! d6 c/ ]disabled="..."把按鈕的狀態設置為不能 - P" s+ O! V8 Z* o) ?
name="..."按鈕的控制名 value="..."按鈕的值 4 \# v" j4 Y7 \& n' r$ i
type="..."按鈕的類型(button, submit, reset)8 M6 W1 c" m6 V7 x& _7 w6 |+ U8 G
<FIELDSET></FIELDSET> 把相互關聯的控件組合成一組 5 H- L' O2 B& A( n/ n
<ISINDEX> 提示用戶輸入
+ }( L6 t+ q9 n6 c) w<LABEL></LABEL> 為一個控件提供標籤 3 {! I7 S s: y, V2 V
<LEGEND></LEGEND> 為FIELDSET元素指定一標題 1 w' [6 w2 k) X: b, Z+ ~/ Z
<SELECT></SELECT> 為用戶做選擇創建各個選項 ?- w1 [" Y/ K! ~
<TEXTAREA></TEXTAREA> 創建一個允許用戶多行輸入的區域 ( a# |! K3 d. V) N( b
1 Q, w$ c5 K* q D3 B( ^! c$ M! h$ c, J1 R5 Q c1 g0 ]# V$ }
; a: ]/ t1 [6 s/ q
◆◆◆◆◆◆◆◆◆◆◆◆◆◆表單註解：◆◆◆◆◆◆◆◆◆◆◆◆◆◆! E* M! [9 e% E- H9 c
8 l1 K: L# D/ x; y& c9 M, F1 b S
) \' l7 ]" L s' O3 g
+ q1 s0 A" t+ ^1 a3 a; Gtype="..."用於輸入控件的類型(text,password,checkbox,radio,submit,reset,file,hidden,image,button)6 ?4 A H3 C* R: j$ ?# O' r
name="..."控件的控制名(要求是除了submit和reset之外的任何名字)" [; P, A+ d3 a0 }4 _0 g& [
value="..."控件的初始值
0 j7 F* T) N# t! S ]checked="..."把一個單選鈕設置為選中的狀態
8 r4 ^5 i7 L$ B$ c: Bdisabled="..."把控件的狀態設置為不能使用0 @5 ?# ~" X% a/ I, m
readonly="..."只對輸入密碼的文本框使用$ z+ I6 x2 c) ^+ W& J# O) e
size="..."表示以像素為單位的除了文本框和密碼框控件之外的其它控件的寬度，它是用來指定字符的數目 src="..."一個圖像控件的URL) Y' e/ T% O- S, T/ W
maxlength="..."指定可以輸入的最多的字符數目
7 i* C5 C, c5 S& n8 aalt="..."另外一種文本描述" q4 V5 c) t2 d$ ]+ c
usemap="..."到客戶端圖形鏡像的URL
7 ?" y J2 w' Palign="..."被反對。控制對齊方式(left, center, right, justify)$ n; ~, s- F; z/ v- V* d" o% R
tabindex="..."通過定義的tabindex值確定在不同元素之間獲得焦點的順序
/ M; O! r/ I8 h' [onfocus="..."當元素獲得焦點時發生的事件6 Y3 B* ]1 D: F# i6 _0 x8 S
onblur="..."當元素失去焦點時發生的事件- a" R' t2 h. z! I
onselect="..."當元素被選中時發生的事件
2 A/ p: U. ?0 F3 w* s- l3 v2 conchang="..."當元素狀態被改變時發生的事件
# i1 P$ S j6 \3 Zaccept="..."允許上載的文件類型+ O C9 S# o, i# Z
* `. ^1 t3 }1 R) s$ n7 i& p i◆◆◆◆◆◆◆◆◆◆◆◆◆◆《幀標誌》◆◆◆◆◆◆◆◆◆◆◆◆◆◆+ S7 O2 q- {7 e
; a ~3 G9 f. |0 e
# t A% Z3 I+ E8 ?
. v. u/ y7 o& m( R<frameset></frameset> 放在一個幀文檔的<body>標籤之前,也可以嵌在其他幀文檔中 # ]; L4 j! I8 Z x2 W y7 Q: Y9 k# D
<frameset rows="value,value"> 定義一個幀內的行數,可以使用絕對像素值或高度的百分比 5 m; v" A4 E3 v8 G
<frameset cols="value,value"> 定義一個幀內的列數,可以使用絕對像素值或寬度的百分比 ) {9 o5 {7 f3 ?9 y1 H
<frame> 定義一個幀內的單一窗或窗區域 ) G( _ L z; |) ?% P
<noframes></noframes> 定義在不支持幀的瀏覽器中顯示什麼提示
+ M# T# }7 F+ a p. C# `/ O<frame src="URL"> 規定幀內顯示的HTML文檔 * i& l9 U) x! y; F, H
<frame name="name"> 命名幀或區域以便別的幀可以指向它 - b0 S& L. w$ R
<frame marginwidth=""> 定義幀左右邊緣的空白大小,必須大於等於1
0 Z p7 Z: u2 Q, q; a! b1 U5 z<frame marginheight=""> 定義幀上下邊緣的空白大小,必須大於等於1
8 e( D9 A3 t! [* s( o& C<frame scrolling=""> 設置幀是否有滾動欄,其值可以是"yes","no" 或"auto" 2 l% n0 [" e8 E
<frame noresize> 禁止用戶調整一個幀的大小 + p0 x2 N# J8 P1 m
<IFRAME></IFRAME> 創建一個內聯的幀+ D* n3 |7 @; U* Z
scr="..."定義在幀中顯示的內容的來源
$ i$ m6 \: |; ?5 _8 L8 P: dframeborder="..."定義幀之間的邊界(0或1)
- m( q6 L! E$ U7 c0 l5 salign="..."被反對。控制對齊方式(left, center, right, justify)
% @" n: i z9 Q7 n, D" ^. Q; vheight="..."幀的高度 width="..."幀的寬度
5 P% T4 ^# |& c3 Y4 U: @% qmarquee>...</marquee>普通捲動
. y! J( u* u1 p4 y<marquee behavior=slide>...</marquee>滑動 * `) I! y4 O0 g x2 B
<marquee behavior=scroll>...</marquee>預設捲動
0 [7 U: I) K+ @2 W9 Y5 K5 q$ e* L<marquee behavior=alternate>...</marquee>來回捲動
Z4 k1 f( g/ L0 d4 @<marquee direction=down>...</marquee>向下捲動
/ d. e# X* o5 Z; J) x: u0 d<marquee direction=up>...</marquee>向上捲動
0 d' F! y4 n# S- }' m+ A) ?9 l# d<marquee direction=right></marquee>向右捲動 1 H8 p2 I5 s9 Y' A6 N" `0 @3 n: f- u
<marquee direction='left'></marquee>向左捲動
% a e0 `1 e, [9 h1 l<marquee loop=2>...</marquee>捲動次數
3 L2 y) k% |; h; r, O- u P6 x<marquee width=180>...</marquee>設定寬度 ) k* q/ i! T9 Y( n& x
<marquee height=30>...</marquee>設定高度
+ V8 @9 Z# [# R! R0 `<marquee bgcolor=FF0000>...</marquee>設定背景顏色
2 B1 @/ X* ~6 g$ S# G<marquee scrollamount=30>...</marquee>設定捲動距離
! o# q2 n% G/ o<marquee scrolldelay=300>...</marquee>設定捲動時間 # F1 ~+ ]6 `2 `% O
<img src=""> 插入圖片，參數有:width="寬",alt="說明文字",height="高",boder="邊框"
4 u9 w- n7 Z% k( `, n
4 t% r$ ]! A# `◆◆◆◆◆◆◆◆◆◆◆◆◆◆《 文檔整體屬性標誌》◆◆◆◆◆◆◆◆◆◆◆◆◆◆$ E5 U/ A) g2 |# b3 a$ @
\/ V% l; Z) Y' v% Y" Z
; f! x p# U8 b+ o9 A, J
3 R, V6 W* t1 e, O8 Y, Y$ G<body bgcolor=""> 設置背景顏色。使用名字或RGB的十六進制值
: j) G; C+ o$ T* M' E<body background=""> 設置背景圖片
" C4 L( d& T; d+ J+ z. K<body bgsound=""> 設置背景音樂; c& X8 a" o3 X& l
<body bgproperties="fixed">( E+ ?. h9 p u( S. x
固定背景圖片（IE適用）
* s$ l4 v/ q4 S! O5 M/ o4 U5 B* H<body text=""> 設置文本顏色。使用名字或RGB的十六進制值 - M( |6 T/ D9 q0 N1 ^; c) ]
<body link=""> 設置鏈接顏色。使用名 字或RGB的十六進制值 ) d- c( C3 s% `3 N
<body vlink=""> 設置已使用的鏈接的顏色。使用名字或RGB的十六進制值 / p( K1 T' S, U' w, p
<body alink=""> 設置正在被擊中的鏈接的顏色。使用名字或RGB的十六進制值 # B, Q/ l% Y0 W
<body topmargin=""> 設置頁面的上邊距 <body leftmargin=""> 設置頁面的左邊距 |
|
發表於 2005-1-15 03:17:17
提升卡
沉默卡
变色卡