HTML語(yǔ)言代碼
A 語(yǔ)言結(jié)構(gòu)
1．<!Doctype…> 用于定義HTML文件的類型。 如： <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
表明DTD(Document Type Definition)由W3C制訂，HTML版本為4.0，使用的語(yǔ)言為英語(yǔ)。
2．<HTML>…</HTML> 定義HTML文件的開始和結(jié)束。
3．<HEAD>…</HEAD> 出現(xiàn)在HTML文件的起始部分，用來(lái)表明文件的標(biāo)題等有關(guān)信息。
4．<BODY>…</BODY> BODY元素是HTML文件的主體，可以理解成除標(biāo)題以外的所有部分。 <BODY>標(biāo)記可以包含的屬性有：
BODYGROUND：指定一個(gè)圖像資源作為網(wǎng)頁(yè)的背景圖案；
TEXT：取顏色值，設(shè)置文本文字的顏色；
LINK：取顏色值，設(shè)置未被訪問(wèn)過(guò)的鏈接指示文字的顏色；
VLINK：取顏色值，設(shè)置已被訪問(wèn)過(guò)的鏈接指示文字的顏色；
ALINK：取顏色值，設(shè)置被用戶選中的鏈接指示文字的顏色；
BGCOLOR：取顏色值，設(shè)置網(wǎng)頁(yè)的背景顏色；
ONLOAD：事件處理，當(dāng)打開網(wǎng)頁(yè)時(shí)，事件ONLOAD發(fā)生；
ON UNLOAD：當(dāng)當(dāng)前網(wǎng)頁(yè)移去到另一個(gè)網(wǎng)頁(yè)時(shí)，事件ONUNLOAD發(fā)生； 基本用法如下： <BODY aLink=#cc0000 bgColor=#ffffff link=#0000ff text=#0f0000 topMargin=5 vLink=#0000aa marginheight="5">
B 文件頭部
HTML文件頭部位于<HTML>和</HTML>之間，內(nèi)容包括標(biāo)題名、創(chuàng)作信息等。
1．<BASE> 這是一個(gè)單標(biāo)記，為網(wǎng)頁(yè)中出現(xiàn)的URL設(shè)定相對(duì)引用的基路徑，必須出現(xiàn)在任何引用外部資源的元素之前，用法如下： <BASE HREF=”http://www.yyszx.com” >
2．<ISINDEX> 用于在瀏覽器上建立一個(gè)交互索引框。如： <ISINDEX prompt=”搜索輸入”>
3．<LINK> 定義當(dāng)前文件和另一文件或資源間的鏈接關(guān)系。用法如： <link rel="stylesheet" href="css.css" type="text/css">
4．<META> 用于指明HTML文件自身的一些信息，如文件制作工具、文件作者等。 使用的屬性有：
Name：指定特性名；
Content：指定特性值；
http-equiv：定義標(biāo)記的特性。用法如下： <META NAME=”keywords” CONTENT=”計(jì)算機(jī),電腦,微機(jī)”>
5．<STYLE> 用于定義網(wǎng)頁(yè)中文檔的顯示樣式，用法如： <style type=”text/css”> .black {FONT-SIZE: 12px; COLOR: #000000}</style>
6．<TITLE>…</TITLE> 定義網(wǎng)頁(yè)的窗口標(biāo)題，用法如： <TITLE>標(biāo)題名</TITLE>
7．<SCRIPT> 用來(lái)在網(wǎng)頁(yè)中插入Script腳本。用法如： <script language="JavaScript"> function doclock() {window.setTimeout("doclock()",1000) today=new Date self.status=today.toString()}</script>
C 文本標(biāo)記 文檔格式
1．屬性<BGCOLOR> 背景顏色
Black=”#000000” Green=”#008000” Silver=”#C0C0C0” Lime=”#00FF00” Gray=”#808080” Olive=”#808000” White=”#FFFFFF” Yellow=”#FFFF00” Maroon=”#800000” Navy=”#000080” Red=”#FF0000” Blue=”#0000FF” Purple=”#800080” Teal=”#008080” Fuchsia=”#FF00FF” Aqua=”#00FFFF”
2．屬性<ALIGN> 給元素在瀏覽器顯示中指定對(duì)齊方式，
屬性值可取”left” （居左）、”center” （居中）、”right” （居右）、”justify” （撐滿整行）。
3．<CENTER>…</CENTER> 使文本或圖像居中。
段落標(biāo)記 1． <P>…</P> 將指定文本作為一個(gè)段落，
用于分段 2． <BR> 強(qiáng)行給文本換行
注釋 <!--內(nèi)空--> 引進(jìn)注釋，說(shuō)明文字
標(biāo)題 <Hn>…</Hn> n級(jí)標(biāo)題。其中n的取值可為1，2，…，6，<H1>是一級(jí)標(biāo)題，字號(hào)最大，<H6>是六級(jí)標(biāo)題，字號(hào)最小，如：<H4>電腦三維制作</H4>
字體與字號(hào)：
1．<B>…</B> 指定文本為粗體。
2．<I>…</I> 指定文本為斜體格式。
3．<U>…</U> 指定文本加上下劃線。
4．<EM>…</EM> 強(qiáng)調(diào)某段文字，通常用斜體顯示。
5．<STRONG>…</STRONG> 粗體顯示，強(qiáng)調(diào)文本。
6．<TT>…</TT> 等寬體顯示，標(biāo)準(zhǔn)打印機(jī)字體。
7．<CODE>…</CODE> 將程序代碼顯示成等寬字體。 如：<CODE>int x;x++;</CODE>
8．<KBD>…</KBD> 提示用戶應(yīng)該從鍵盤輸入的文字，瀏覽器一般用等寬字體顯示。
9．<SAMP>…</SAMP> 樣本字體格式，常用于舉例，瀏覽器一般用等寬字體顯示。
10．<VAR>…</VAR> 參數(shù)或變量型字體，常顯示為斜體。
11．<CITE>…</CITE> 書目或報(bào)刊雜志的標(biāo)題引用，通常為斜體文字。
12．<BLOCKQUOTE>…</BLOCKQUOTE> 大段引用，通常為縮進(jìn)編排。用法如： <BLOCKQUOTE>愛(ài)因斯坦說(shuō)過(guò)：A=X+Y+Z，A代表成功… </BLOCKQUOTE>
13．<Q>…</Q> HTML4.0新增的標(biāo)記，給指定文字加上引號(hào)，目前大部分瀏覽器還不支持<Q>標(biāo)記。用法如： <Q LANG=”en”>Good Evening! </Q>
14．<DFN>…</DFN> 指定一個(gè)術(shù)語(yǔ)的定義。
15．<ADDRESS>…</ADDRESS> 地址型格式，用于地址、簽名等，表現(xiàn)為斜體。
16．<PRE>…</PRE> 預(yù)格式化文本，元素<PRE>中的文本在瀏覽器中會(huì)以你鍵入時(shí)的編排格式顯示。
17．<SUB>…</SUB> 指定文字為下標(biāo)。
18．<SUP>…</SUP> 指定文字為上標(biāo)。
19．<BIG>…</BIG> 大字體文本。
20．<BLINK>…</BLINK> 設(shè)定文本閃爍(只適用于Netscape Navigator)。 如：<BLINK>此處是閃爍的文本</BLINK>
21．<SMALL>…</SMALL> 指定一段文字為小字體(比當(dāng)前字體小一號(hào))。
22．<BASEFONT> 使用size屬性，指定文檔中文字的基準(zhǔn)大小。用法如：<BASEFONT SIZE=”3”>
23．<FONT>…</FONT> 規(guī)定字體屬性，使用的屬性有：size、color等。 用法如：<FONT SIZE=1 COLOR=”#00A0FF”>字號(hào)3</FONT>
24．<STRIKE>…</STRIKE> 指定一段文字在瀏覽器中顯示帶刪除線。 以下是上述元素的一些使用實(shí)例。
<BASEFONT size=2> <CITE><B>TCP/IP</B></CITE>是網(wǎng)絡(luò)中使用的<FONT size=+1 color=#0000FF>基于軟件的<BIG><EM>通信協(xié)議</EM></BIG></FONT>。從名字上看，<I><SMALL>TCP/IP</SMALL>包括兩個(gè)協(xié)議：</I><SUP>傳輸控制協(xié)議</SUP>和<SUB>網(wǎng)際協(xié)議</SUB>， <STRIKE>但<VAR>TCP/IP</VAR>遠(yuǎn)非這兩個(gè)協(xié)議組成的單個(gè)實(shí)體</STRIKE>,<U>而是一大批軟件程序</U>， 它們提供諸如<STRONG><FONT size=-1 color="#00A0FF">遠(yuǎn)程登陸、遠(yuǎn)程文件傳輸和電子郵件</FONT></STRONG>等網(wǎng)絡(luò)服務(wù)。 瀏覽器顯示如圖C-1
圖C-1 畫水平線 <HR> 在瀏覽器上顯示一段水平線。 用法如： <HR SIZE=”5” WIDTH=”700” ALIGN=”CENTER”>
縮寫 ：
1．<ABBR>…</ABBR> 將指定文字標(biāo)記縮寫，縮寫形式為字母，用法如： <ABBR TITLE=”World Wide Web”>WWW</ABBR>。
2．<ACRONYM>…</ACRONYM> 將指定文字標(biāo)記縮寫，縮寫形式為單詞。
文檔更新：
1．<INS>…</INS> 當(dāng)對(duì)網(wǎng)頁(yè)某些內(nèi)容進(jìn)行更新時(shí)，可以將指定文字標(biāo)記為插入修改的新內(nèi)容。
2．<DEL>…</DEL> 當(dāng)對(duì)網(wǎng)頁(yè)某些內(nèi)容進(jìn)行更新時(shí)，可以將指定文字標(biāo)記為刪除的舊內(nèi)容。
模塊元素：
1．<DIV>…</DIV> 用于將文本劃分成不同的部分，使用Align屬性(值可為left、right和center)為各個(gè)段落指定不同的對(duì)齊方式。如： <DIV Align="Center">日照香爐生紫煙<BR> 遙看瀑布掛前川</DIV>
2．<SPAN>…</SPAN> 用于將文本劃分成不同的部分，使用Align屬性(值可為left、right和center)為某行文字指定不同的對(duì)齊方式或CLASS屬性。如： <SPAN Align="Center">日照香爐生紫煙</SPAN> <SPAN Align="Left" CLASS=”myclass”>遙看瀑布掛前川</SPAN>
列表 ：
1．<OL>…</OL> 定義帶序號(hào)的列表，即有序列表。如： <H3>Internet介紹</H3> <OL> <LI>WWW <LI>HTTP <LI>TCP/IP <LI>瀏覽器 </OL> 瀏覽器顯示如圖C-2
2．<UL>…</UL> 定義無(wú)序列表，用<LI>定義表項(xiàng)。
3．<LI> 用于定義表項(xiàng)。
4．<DL>…</DL> 與<DD>和<DT>元素配合使用，定義項(xiàng)目列表。
5．<DT> 定義項(xiàng)目，特點(diǎn)是換行和左對(duì)齊。 以下是<DL>，<DD>和<DT>的一個(gè)應(yīng)用實(shí)例。 <DL> <DT>WWW <DD>WWW(World Wide Web的縮寫)是一種把Internet上的資源全部連接起來(lái),... <DT>HTTP <DD>HTTP(HyperText Transfer Protoco的縮寫)是專門為傳輸HTML頁(yè)面的一種網(wǎng)絡(luò)協(xié)議. </DL> 瀏覽器顯示如圖C-3
6．<DD> 定義項(xiàng)目?jī)?nèi)容，特點(diǎn)是換行、不帶記號(hào)和縮進(jìn)左對(duì)齊。
7．<DIR>…</DIR> 建立目錄表，作為無(wú)序列表，在HTML中推薦使用<UL>標(biāo)記。
8．<MENU> 定義菜單列表，作為無(wú)序列表，在HTML中推薦使用<UL>標(biāo)記。
D 超文本鏈接標(biāo)記
1． <A>…</A> 用于創(chuàng)建超文本鏈接，可以使用的屬性有：
Href：指定一個(gè)url作為有效的鏈接資源地址。
Name：指定一個(gè)字符串作為鏈接時(shí)可以使用的位置名稱。
Target：用于設(shè)置所鏈接的文件顯示在指定的窗口。
Rel：用來(lái)指定源端在當(dāng)前文件的鏈接。
Rev：用來(lái)指定目的端在當(dāng)前文件的鏈接，與Rel一樣，對(duì)A元素它們都不是必須的。
以下是
<A>…</A>的一個(gè)使用實(shí)例。
<p><A href="right.htm">我的主頁(yè)</A></p> <p><A Href="KeyGif.gif" target="New Window">作品欣賞</A></p> <p><A Href="mailto:cwzjy@163.com">最新動(dòng)態(tài)</A></p> <p></a><A href="http://www.263.com">友情鏈接</A></p> 2． <MAP>…</MAP> 為客戶端的圖像映像指定鏈接。使用的屬性為Name。
3． <AREA>…</AREA> 用于定義熱區(qū)或區(qū)域。使用的屬性有： Shape：定義形狀，屬性值可為rect、circle、polygon、default。 Coords：定義一個(gè)以逗號(hào)分隔的坐標(biāo)列表。 使用形式如下： <IMG SRC="KeyGif.gif" usemap="#myMAP"> <MAP name="myMAP"> <AREA shape="circle" coords="30,30,30" href="temp.html"> <AREA shape="rect" coords="10,10,100,100" href="temp.html"> </MAP>
E 制表元素
1．<CAPTION>…</CAPTION> 為表格定義一個(gè)標(biāo)題，使用屬性Align指定標(biāo)題的位置。
2．<TABLE>…</TABLE> 定義一個(gè)表格，可以使用以下屬性：
Align=”left/right”：表格在頁(yè)面的位置。 Border=value：設(shè)定邊框的粗細(xì)，value取整數(shù)，單位為像素。
Bordercolor=color：設(shè)置邊框線顏色。
Bordercolordark=color：設(shè)定邊框的亮度(暗色)。
Bordercolorlight=color：設(shè)定邊框的亮度(亮色)。
Cellpadding=pixels：設(shè)置表元四周格線和數(shù)據(jù)之間的距離。
Cellspacing=pixels：設(shè)定兩個(gè)表元間隙。
3．<TBODY>…</TBODY> 表格主體段。在一個(gè)表格<TABLE>元素中，可以重復(fù)出現(xiàn)多次。
4．<TD>…</TD> 表格數(shù)據(jù)單元，即表格數(shù)據(jù)寫在<TD>和</TD>之間。
5．<TFOOT>…</TFOOT> 表格注腳段。
6．<TH>…</TH> 表格的表頭內(nèi)容。
7．<TR>…</TR> 指定表格一行，每個(gè)<TR>必須包含一個(gè)以上的<TH>或<TD>元素。
8．<THEAD>…</THEAD> 表格標(biāo)題，在一個(gè)表格<TABLE>元素中，只能出現(xiàn)一次。
9．<TFOOT>…</TFOOT> 表格腳注，在一個(gè)表格<TABLE>元素中，只能出現(xiàn)一次，必須寫在<TBODY>之前。
10、<COLGROUP>…</COLGROUP> 定義表格內(nèi)的一個(gè)列組，其主要作用是從結(jié)構(gòu)上劃分表格。 用法如下：<COLGROUP SPAN=”10” WIDTH=”40”><COL ID=”1”></COLGROUP>定義一個(gè)10列，每列寬度均為40像素的列組。
11、<COL> 定義表格中各列的屬性，它可出現(xiàn)在列組<COLGROUP>元素內(nèi)，也可出現(xiàn)在列組外。
F 其他對(duì)象
1．<BGSOUND> 為HTML文件指定背景聲音(適用與Microsoft Internet Explorer)，使用的屬性有：.
Src：指定聲音文件的url。
Loop：聲音播放的次數(shù)，若為-1或Infinite，則一直播放下去。
2．<IMG> 用于將圖像嵌入HTML文件。使用的屬性有：
Src：指定圖像的url。
Alt：指定當(dāng)瀏覽器尚未完全讀入圖像、或?yàn)g覽器不支持內(nèi)聯(lián)圖像、或用戶為加快瀏覽速度設(shè)置不顯示圖像時(shí)，在圖像位置顯示的說(shuō)明性的文字。
Align：指定圖像的對(duì)齊和布局方式?？扇≈禐椋?u>top、texttop、middle、absmiddle、baseline、bottom、absbottom。
Hspace：設(shè)定圖像與文本之間水平方向的空白。
Vspace：設(shè)定圖像與文本之間垂直方向的空白。
Border：用于給圖像加邊。
Height和Width：用于指定圖像大小。 舉例如下： <B>右邊是一幅圖像</B> <IMG SRC="KeyGif.gif" Alt="此處是Gif圖像" Align=middle Border='2' Height="120" Width="160" Hspace="5">.
3．<OBJECT>…</OBJECT> 是HTML4.0新增的元素，用來(lái)控制是否由外部程序來(lái)處理數(shù)據(jù)?？梢允褂玫膶傩杂校?
CLASSID：取值URL，指定對(duì)象從何位置裝入，插入對(duì)象時(shí)，此屬性必不可少。
CODEBASE：取值URL，指定底層路徑，缺省值是當(dāng)前網(wǎng)頁(yè)的底層URL。
CODETYPE：當(dāng)下載由屬性CLASSID指定的對(duì)象時(shí)，該屬性指定預(yù)期數(shù)據(jù)的內(nèi)容類型。
DATA：取值URL，指定對(duì)象的數(shù)據(jù)位置。
TYPE：指定由屬性DATA給出的數(shù)據(jù)的內(nèi)容類型。
ARCHIVE：給出一個(gè)由空格隔開的URL列表，這些URL給出了與對(duì)象相關(guān)的資源的存檔位置，也可以包括屬性CLASSID和DATA指定的資源。
DECLARE：布爾性屬性。
STANDBY：屬性值是一段文本。
NAME：利用表單提交對(duì)象時(shí)，NAME屬性指定控件名。
TABINDEX：正整數(shù)型值，取值限于（含）0-32767之間。指定對(duì)象在文檔中的遍歷次序。
HEIGHT：指定對(duì)象在瀏覽器中顯示區(qū)域的高度，以百分比或像素為單位。
WIDTH：指定對(duì)象在瀏覽器中顯示區(qū)域的寬度，以百分比或像素為單位。
ALIGN：指定頁(yè)面中對(duì)象與上下文的對(duì)齊方式或浮動(dòng)位置，可取的值為：bottom、top、middle、left、right。
BORDER：取整數(shù)值。指定對(duì)象四周的邊框?qū)挾?，以像素為單位?
HSPACE：取整數(shù)值。指定對(duì)象左右應(yīng)留的空，以像素為單位。
VSPACE：取整數(shù)值。指定對(duì)象上下應(yīng)留的空，以像素為單位。
USEMAP：取URL值，為對(duì)象建立客戶端Image map。
5．<APPLET>…</APPLET> 用于在網(wǎng)頁(yè)中插入JAVA程序。 用法如下：<APPLET CODE=”Bubbles.class” WIDTH=”300” HEIGHT=”300”> Java applet that draws animated bubbles </APPLET>
G 框架元素
1．<FRAME> 定義一個(gè)框架窗口，使用的屬性如下。
Frameborder=“yes/no”：指定框架有無(wú)邊框。
Marginwidth=pixels：框架內(nèi)容和框架左、右邊框之間的空白。
Marginheight=pixels：框架內(nèi)容和框架上、下邊框之間的空白。
Scrolling=“yes/no/auto”：是否加入滾動(dòng)條。
Name：指定框架名。
Src=url：指定源文件。
2．<Frameset>…</Frameset> 定義框架集，即整體框架，使用的屬性如下。
Cols：按縱向?qū)⒋翱趧澐殖蓭讉€(gè)框架。
Rows： 按橫向?qū)⒋翱趧澐殖蓭讉€(gè)框架。
3．<NOFRAMES>…</NOFRAMES> 為不能顯示框架的瀏覽器指定替換顯示內(nèi)容。 以下是框架的一個(gè)實(shí)例： <FRAMESET cols=140,* frameSpacing=0> <FRAME marginHeight=10 marginWidth=5 name=folder src="myFree.files/ldapapp.html" target="rtop"> <FRAME name=main Frameborder="NO" src="D:\My Intranet\myFree.files\ldapapp(1).html" target="rbottom"><NOFRAMES> <body bgcolor=#ffffff> <p>This page uses frames, but your browser doesn't support them.</p> </body> </NOFRAMES></FRAMESET>
4．<IFRAME>…</IFRAME> 用來(lái)在一塊文本中插入一個(gè)子窗口。 用法如下： <IFRAME SRC=”title.html” WIDTH=”400” HEIGHT=”300” ALIGN=”LEFT” SCROLLING=”yes” FRAMEBORDER=”1”>如果您的瀏覽器不支持FRAME，你可以訪問(wèn)<A HREF=”title.html”>相關(guān)文檔</A></IFRAME>
H 表單元素
1．<FORM>…</FORM> 在文檔中產(chǎn)生表單，使用的屬性如下。
Action=url：設(shè)定處理表單數(shù)據(jù)的url。
Method=get/post：說(shuō)明如何處理表單數(shù)據(jù)。
2．<INPUT>…</INPUT> 用于設(shè)計(jì)輸入控件。使用的屬性如下：
Type：指定控件的類型?？梢赃x擇的屬性值為text、checkbox、radio、submit、reset、image等。
Size=n：控件的大小。
Name：指定控件的名稱。
Maxlength=nchars：限定用戶所能輸入的最多字符數(shù)目。
3．<OPTION>…</OPTION> 為由SELECT定義的列表控件定義一個(gè)選項(xiàng)，使用的屬性如下。
Selected：該選項(xiàng)被預(yù)置。
Value=n：用戶選中某選項(xiàng)后的返回值。
4．<SELECT>…</SELECT> 用于定義列表框。 以下是SELECT和OPTION的一個(gè)使用實(shí)例。 <TD><SELECT name=node_id size=1> <OPTION selected value=11>杭州</OPTION> <OPTION value=12>溫州</OPTION> <OPTION value=31>嘉興</OPTION> <OPTION value=32>紹興</OPTION> <OPTION value=34>寧波</OPTION> </SELECT></TD>
5．<TEXTAREA>…</TEXTAREA> 定義多行文本輸入框，使用的屬性如下。
Name：指定控件名。
Cols=n：文本框的列數(shù)。
Rows=n：文本框的行數(shù)。
6．<BUTTON>…</BUTTON> 創(chuàng)建按鈕。用法如： <BUTTON NAME=”submit” VALUE=”submit” TYPE=”submit”>發(fā)送至<IMG SRC=”/images/wow.gif” ALT=”wow”></BUTTON>
7．<OPTGROUP>…</OPTGROUP> HTML4.0新增的元素，用于對(duì)選項(xiàng)進(jìn)行分組，將相關(guān)的選項(xiàng)組合在一起。
8．<ISINDEX> 創(chuàng)建單行文本輸入控件。用法如： <ISINDEX PROMPT=”輸入關(guān)鍵詞，關(guān)鍵詞之間用空格隔開：”>
9．<LABEL>…</LABEL> 用來(lái)為無(wú)法用VALUE屬性值指定標(biāo)簽的控件指定標(biāo)簽。 用法如： <LABEL FOR=”kword”>關(guān)鍵詞：</LABEL><INPUT TYPE=”text” NAME=”keyword” ID=”kword”>
10．<FIELDSET>…</FIELDSET> 將主題相關(guān)的控件和標(biāo)簽組合在一起。
11．<LEGEND>…</LEGEND> 用來(lái)給<FIELDSET>元素指定標(biāo)題。<LEGEND>元素必須嵌套在<FIELDSET>中。
