|
HTML 語法
有人說現(xiàn)在已經(jīng)有很多現(xiàn)成的HTML編輯器可以用，不必再自己編寫HTML文件，本人不以為然。理由有四： 1、現(xiàn)在HTML標(biāo)準(zhǔn)一直在改進(jìn)中，而現(xiàn)成的HTML編輯器并不一定跟得上HTML的潮流。 2、可以看到，用HTML編輯器編出來的HTML文件結(jié)構(gòu)相當(dāng)亂，這是因?yàn)樵诰庉嬤^程中，編輯器并不能真正理會用戶的編輯要求，結(jié)果反復(fù)修改后，就留下不少垃圾。 3、自己編寫HTML文件，可以隨時(shí)將HTML的新發(fā)展增加進(jìn)去，而不用受編輯器的限制。 4、HTML是一種很有意思的語言，它能將你的想法在INTERNET上很好地體現(xiàn)出來。 ＨＴＭＬ語句特點(diǎn)： 所有HTML語句都是<abc></abc>結(jié)構(gòu)，<abc>表示描述開始，</abc>表示描述結(jié)束。 文字abc的大小寫不敏感。 有的語句只有描述開始<abc>，沒有描述結(jié)束</abc>，如<P>，這沒關(guān)系，當(dāng)遇到下一個相同的<abc>時(shí)，重新開始。 所有語句都可以循環(huán)嵌套，但要注意嵌套對稱。 一、結(jié) 構(gòu) <HTML></HTML> 說明其間內(nèi)容為HTML格式內(nèi)容。 <HEAD></HEAD> 其間說明題頭內(nèi)容、文字。 <TITLE></TITLE> 其間包含的文字是該HTML的主題，會顯示在窗口的TITLE欄位。 <BODY></BODY> 其間說明HTML文件的主體內(nèi)容。 其中：（主要指描述開始<abc>中的參數(shù)調(diào)整，下同）（以下NETSCAPE ON BACKGROUND=“圖形名” 背景圖形文件 TEXT=#RRGGBB 文字顏色（一般為黑 #000000） LINK=#RRGGBB 鏈接標(biāo)志文字顏色 VLINK=#RRGGBB 具有超連接部分顯示的顏色，點(diǎn)過之后為ALINK的顏色 ALINK=#RRGGBB 已經(jīng)鏈接標(biāo)志文字顏色 ON <- text -> text 是描述性文字，注釋。 <SCRIPT></SCRIPT> 描述一擴(kuò)展語言。 其中： LANGUAGE=“JavaS 結(jié)構(gòu)示例 二、 字 體 <Hy></Hy> (y=1-6) 用于說明各級標(biāo)題文字，y=1時(shí)字體最大，y=6時(shí)字體最小。其中： ALIGN=缺省 對左(LEFT) =CENTER 對中 =RIGHT 對右 <CAPTION></CAPTION> 顯示標(biāo)題文字（一般用于TABLE顯示表格） <FONT></FONT> 字體大小設(shè)置（NETSCAPE ON SIZE=-4 ~ +4 將字體設(shè)置為BASEFONT的相對大小 COLOR=#RRGGBB 字體顏色（R、G、B三色） <BASEFONT></BASEFONT> 設(shè)置基本字體（NESCAPE ON 三、字型變化 Italic（斜）字體： <I></I> 斜體字 <EM></EM> 著重字 <CI <VAR></VAR> 表明可變內(nèi)容(如文件名) Bold（黑）字體： <B></B> 黑體字 <STRONT></STRONG> 加強(qiáng)字, Fixed width font（緊湊）字體： <TT></TT> 緊湊字（打印機(jī)字體） <CO <SAMP></SAMP> 樣本字 <KBD></KBD> 顯示鍵盤上鍵名 其它字體修飾： <U></U> 下劃線 <BLINK></BLINK> 閃爍字 特殊字符：（ＣＥＲＮ中列表） < < < > > > & & & " " " ö ñ ± è 《 @ @ © (c) （NETSCAPE ON 字體字形變化示例 四、 段 落 <P> 單獨(dú)表示段落結(jié)束。 <P></P> 表示其間文字是同一個段落，段落顯示分成若干行，在何處分行由瀏覽器的窗口寬度決定，可適應(yīng)任何寬度的窗口。 其中： ALIGN=缺省 對左（LEFT） =CENTER 對中 =RIGHT 對右 <BR> 在頁面上加一個回車。 <HR> 顯示一條水平分界線。 其中：（以下NETSCAPE ON SIZE=n 高度點(diǎn)數(shù) WIDTH=n 寬度點(diǎn)數(shù) =n% 寬度占屏幕百分比 ALIGN=缺省 對中 =LEFT 對左 =RIGHT 對右 <CENTER></CENTER> 表示其間內(nèi)容顯示向中間對齊。（NETSCAPE ON <PRE></PRE> 預(yù)設(shè)文字格式（Preformatted Text) 其中的文字間隔、跳行、空白照原始鍵入情形顯示出來，常用于程序的表達(dá)。其它標(biāo)注也允許存在<PRE>中。 <BLOCKQUOTE></BLOCKQUOTE> 區(qū)塊引用設(shè)定。其中的文字內(nèi)容會比其他文字縮進(jìn)一些。 <ADDRESS></ADDRESS> 地址區(qū)域。通常放在最后，包含一個EMAIL地址，告知本頁面作者。顯示為斜體字。 段落示例 五、 鏈 接 <A></A> 鏈接標(biāo)記。其間文本（圖像）將顯示出來，并用鏈接顏色和下劃線區(qū)別出來。 其中: NAME=“position” 表示頁面中position處 HREF=“#position” 表示鏈接到本頁面position處 NAME=“filename#position” 鏈接到filename文件的position處 =“filename.html” 鏈接到指定的filename頁面 NAME=“filename.gif” 顯示指定的圖形 圖形格式為GIF、TIEF、JPEG、RGB、HDF等格式 NAME=“scheme://host-domain[:port]/path/filename” 鏈接到指定主機(jī)的指定頁面 scheme是http、ftp等 host-domain為服務(wù)器名 port為提供此服務(wù)的端口號，缺省為８０，可省略 六、 圖 像 <IMG></IMG> 顯示圖像。 其中: ALIGN=BOTTOM缺省 文本在圖像下面 =MIDDLE 在中間 =TOP 在上面 SRC=“圖像名” 圖像文件 ALT=“text” 圖像別名，若圖像不顯示時(shí)，顯示在虛框內(nèi) WIDTH=n 寬度點(diǎn)數(shù) =n% 寬度占屏幕百分比 HEIGHT=n 高度點(diǎn)數(shù) =n% 高度占屏幕百分比 BORDER=n 立體邊框厚度點(diǎn)數(shù) HSPACE=“圖像名” 水平空間（NETSCAPE ON VSPACE=“圖像名” 垂直空間（NETSCAPE ON ISMAP 說明本圖像為地圖 USEMAP=“#name” 給本圖像取一個地圖名 <MAP></MAP> 對一幅地圖進(jìn)行操作。 其中： NAME=“name” 由<IMG>中指定的地圖名 <AREA></AREA> 區(qū)域選擇。在<MAP>中使用, 其中: SHAPE=RECT矩形區(qū)域，只需提供對角坐標(biāo)(x1,y1,x2,y2), =POLYGON多邊形，要提供多邊形各頂點(diǎn)坐標(biāo)(x1,y1,...,xn,yn) COORDS=x1,y1,...,xn,yn 坐標(biāo)值(１０進(jìn)制) HREF=鏈接對象（參照<A>） 圖像示例 七、 排 列 以下各種排列可以綜合嵌套排列，成為有層次的排列。 <UL></UL> 未標(biāo)序的排列（Unnumbered Lists） 在其中的每一行文字前加上<LI>，起始會顯示“●”或“□”或“■”等，具體顯示什么由具體的瀏覽器決定。 <OL></OL> 標(biāo)序的排列（Numbered Lists或Ordered Lists） 在其中的每一行文字前加上<LI>，起始會顯示數(shù)字編號。 <LI></LI> 每一行文字的起頭。 <DL></DL> 陳述式排列（Descriptive Lists） <DT></DT> <DL>中顯示陳述的主題。 <DD></DD> <DL>中顯示敘述的內(nèi)容，會比<DT>內(nèi)容縮入一些位置。在<DT>和<DD>中，可包含其它鏈接內(nèi)容。 <DIR></DIR> 顯示清單，每行最多２０個字符。在其中的每一行文字前加上<LI>。 <MENU></MENU> 顯示菜單。在其中的每一行文字前加上<LI>。 八、輸入框（輸入表格） <FORM></FORM> 說明一個輸入表格。這是從瀏覽器向服務(wù)器發(fā)回反饋信息或交互運(yùn)行的重要方式。其中： METHOD=GET 從服務(wù)器獲取信息 =POST 發(fā)送表格信息到服務(wù)器 ACT <INPUT></INPUT> 輸入框或按鈕選擇。在<FORM>中使用。其中： SIZE=n 輸入框或按鈕大小 NAME=“name” 便于CGI-program識別的變量名 TYPE=“type” 類型（見下） =TEXT 文本輸入框，只有一行 =PASSWORD 口令輸入框，輸入的信息不顯示出來 =CHECKBOX 確任盒（[ ]或[X]） =RADIO 圓按鈕，幾個同名的RADIO只能按下一個 =SUBMIT 發(fā)送按鈕，按動后發(fā)出已填好的表格 =RESET 重置按鈕，按動后將所有元件重置為缺省值 =IMAGE =HIDDEN VALUE=“value” 缺省值（見下） =字符串 對于TEXT和PASSWORD =ON/OFF 對于CHECKBOX和RADIO =顯示字符串 對于SUBMIT和RESET <TEXTAREA></TEXTAREA> 說明一個可以多行輸入的文本輸入框。其間的文本內(nèi)容為缺省的文本輸入框內(nèi)容。 其中： NAME=“name” 變量名 ROWS=n 輸入框行數(shù) COLS=n 輸入框列數(shù) <SELECT></SELECT> 顯示一個選擇列表。 在其中的每一行文字前加上<OPTION>。其中： NAME=“name” 變量名 SIZE=1 顯示一個操作菜單（Option Menu） >=2 顯示一個滾動列表（Scrolled List） SIZE為列表顯示出來的行數(shù) <OPTION></OPTION> 每一行列表的起頭。在<SELECT>中使用。 九、顯示表格 <TABLE></TABLE> 顯示二維表格。 其中： BORDER=n 二維表格的立體邊框厚度點(diǎn)數(shù) WIDTH=n 寬度點(diǎn)數(shù) =n% 寬度占屏幕百分比 CELLPADING=n 是指TABLE中框架與元素的邊界的距離 CELLSPACING=n 表格中每項(xiàng)之間的空間點(diǎn)數(shù)，包括橫向和縱向。 <TR></TR> 在表格的每一行開頭加上<TR>(Text Row)。其中： ALIGN=CENTER 對中 =LEFT 對左 =RIGHT 對右 <TH></TH> 在表格的每一種類項(xiàng)目開頭加上<TH>(Text Head)，顯示為黑體字。 <TD></TD> 在表格的每一個項(xiàng)目開頭加上<TD>(Text Da WIDTH=n 寬度點(diǎn)數(shù) =n% 寬度占屏幕百分比 HALIGN =CENTER 對中 =LEFT 對左 =RIGHT 對右 VALIGN =TOP 在上面 =MIDDLE 在中間 =BOTTOM 在下面 顯示表格示例 |
|
|
