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文件的開(kāi)始和結(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)打開(kāi)網(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.” >
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> 書(shū)目或報(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:[email protected]">最新動(dòng)態(tài)</A></p> <p></a><A href="http://www.">友情鏈接</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ì)齊和布局方式,。可取值為: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è)由空格隔開(kāi)的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。
4.<PARAM> 在<OBJECT>元素中,,給出運(yùn)行時(shí)需要的數(shù)據(jù),。 用法如下:<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="530" height="80"> <param name="movie" value="../img/DV.swf"> <param name="quality" value="high"> <embed src="../img/DV.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="530" height="80"></embed></object>
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)鍵詞之間用空格隔開(kāi):”>
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>中,。 |
|