第10章Java-Applet編程

1、第第10章章 Java-Applet編程編程 本章學(xué)習(xí)重點(diǎn)l熟悉熟悉Applet技術(shù)。技術(shù)。 l掌握掌握Applet的開發(fā)步驟的開發(fā)步驟 。l理解理解Applet小程序的生命周期。小程序的生命周期。l掌握掌握Graphics類的用法。類的用法。lHTML基礎(chǔ)基礎(chǔ)Applet概述概述 lAppletApplet技術(shù)一出現(xiàn)，互聯(lián)網(wǎng)立刻煥發(fā)出無限的生技術(shù)一出現(xiàn)，互聯(lián)網(wǎng)立刻煥發(fā)出無限的生機(jī)，因?yàn)闄C(jī)，因?yàn)锳ppletApplet不僅可以生成絢麗多彩的不僅可以生成絢麗多彩的WebWeb頁面、頁面、進(jìn)行良好的人機(jī)交互，同時還能處理圖形圖像、進(jìn)行良好的人機(jī)交互，同時還能處理圖形圖像、聲音、視頻和動畫等多媒體數(shù)

2、據(jù)，隨即它吸引了聲音、視頻和動畫等多媒體數(shù)據(jù)，隨即它吸引了全世界編程者的目光，全世界編程者的目光，JavaJava語言也正因此火熱流語言也正因此火熱流行起來，可見行起來，可見AppletApplet在在JavaJava的發(fā)展過程中起到不的發(fā)展過程中起到不可估量的推動作用?？晒懒康耐苿幼饔?。 Applet開發(fā)步驟開發(fā)步驟 lApplet的開發(fā)步驟大致可以分為以下三個步驟：l（1）用UltraEdit或Notepad等純文本軟件編輯Java Applet源程序。l（2）利用javac編譯器將Applet源程序轉(zhuǎn)換成class字節(jié)碼文件。l（3）編寫HTML頁面，并通過APPLET/APPLET標(biāo)簽

3、引用上述字節(jié)碼文件。一個簡單的例子一個簡單的例子 import java.awt.*;import java.applet.*;public class HelloApplet extends Applet public void paint(Graphics g ) g.drawString(Hello!,10,10); g.drawString(Welcome to Applet Programming!,30,30); HTML網(wǎng)頁網(wǎng)頁Hello Applet嵌入網(wǎng)頁效果嵌入網(wǎng)頁效果Applet技術(shù)解析技術(shù)解析 lAppletApplet類是用戶編寫的類是用戶編寫的appletapple

4、t小程序的小程序的基類，該基類的繼承關(guān)系如下圖所示?；?，該基類的繼承關(guān)系如下圖所示。Applet生命周期生命周期lAppletApplet小程序的生命周期相對于小程序的生命周期相對于ApplicationApplication而言較為復(fù)雜。在而言較為復(fù)雜。在其生命周期中涉及到其生命周期中涉及到AppletApplet類的四個方法：類的四個方法： initinit（）、（）、startstart（）、（）、stopstop（）和（）和destroydestroy（），（），AppletApplet的生命周期中有相對應(yīng)的生命周期中有相對應(yīng)的四個狀態(tài)：初始態(tài)、運(yùn)行態(tài)、停止態(tài)和消亡態(tài)。當(dāng)程序執(zhí)行完的

5、四個狀態(tài)：初始態(tài)、運(yùn)行態(tài)、停止態(tài)和消亡態(tài)。當(dāng)程序執(zhí)行完initinit（）方法以后，（）方法以后，AppletApplet小程序就進(jìn)入了初始態(tài)；然后立刻執(zhí)小程序就進(jìn)入了初始態(tài)；然后立刻執(zhí)行行startstart（）方法，（）方法，AppletApplet小程序進(jìn)入運(yùn)行態(tài)；當(dāng)小程序進(jìn)入運(yùn)行態(tài)；當(dāng)AppletApplet小程序小程序所在的瀏覽器圖標(biāo)化或者是轉(zhuǎn)入其它頁面時，該所在的瀏覽器圖標(biāo)化或者是轉(zhuǎn)入其它頁面時，該AppletApplet小程序立小程序立刻執(zhí)行刻執(zhí)行stop stop （）方法，使（）方法，使AppletApplet小程序進(jìn)入停止態(tài)；在停止態(tài)小程序進(jìn)入停止態(tài)；在停止態(tài)中，如果瀏覽器

6、又重新加載該中，如果瀏覽器又重新加載該AppletApplet小程序所在的頁面，或者是小程序所在的頁面，或者是瀏覽器從圖標(biāo)中還原，則瀏覽器從圖標(biāo)中還原，則AppletApplet小程序又會調(diào)用小程序又會調(diào)用startstart（）方法，（）方法，進(jìn)入運(yùn)行態(tài)；不過，在停止態(tài)時，若瀏覽器被關(guān)閉，則進(jìn)入運(yùn)行態(tài)；不過，在停止態(tài)時，若瀏覽器被關(guān)閉，則AppletApplet小小程序會調(diào)用程序會調(diào)用destroydestroy（）方法，使其進(jìn)入消亡態(tài)。（）方法，使其進(jìn)入消亡態(tài)。 paint（）方法（）方法 Applet Applet小程序的窗口繪制通常是由小程序的窗口繪制通常是由paintpaint（）方

7、法（）方法來完成的。來完成的。paintpaint（）方法在小程序執(zhí)行后會被自行調(diào)（）方法在小程序執(zhí)行后會被自行調(diào)用，并且以后在遇到窗口縮小化后再恢復(fù)或者被其他用，并且以后在遇到窗口縮小化后再恢復(fù)或者被其他窗口遮擋后再恢復(fù)情形，它都會被自動調(diào)用，以重新窗口遮擋后再恢復(fù)情形，它都會被自動調(diào)用，以重新繪制窗口。繪制窗口。 paintpaint（）方法包含一個（）方法包含一個GraphicsGraphics類的參數(shù)對象，類的參數(shù)對象，這個對象可以被用來輸出文本、繪制圖形、顯示圖像這個對象可以被用來輸出文本、繪制圖形、顯示圖像等。該方法的格式如下：等。該方法的格式如下： public void pai

8、nt(Graphics g) public void paint(Graphics g) / /編寫代碼編寫代碼 Applet多媒體編程多媒體編程-文字文字 import java.awt.*; import java.applet.*; public class TextApplet extends Applet Font f1 = new Font(Times New Roman,Font.PLAIN,12); Font f2 = new Font(宋體宋體,Font.BOLD,24); Font f3 = new Font(黑體黑體,Font.BOLD,36); Color c1 = n

9、ew Color(255,0,0); /紅色紅色 Color c2 = new Color(0,255,0); /綠色綠色 Color c3 = new Color(0,0,255); /藍(lán)色藍(lán)色 public void paint(Graphics g) g.setFont(f1); g.setColor(c1); g.drawString(Times New Roman,20,30); g.setFont(f2); g.setColor(c2); g.drawString(宋體宋體,20,60); g.setFont(f3); g.setColor(c3); g.drawString(黑體

10、黑體,20,120); Applet多媒體編程多媒體編程-圖形圖形 import java.awt.*; import java.applet.*; public class LineApplet extends Applet public void paint(Graphics g) int x1,y1,x2,y2; x1 = 10; y1 = 10; x2 = 100; y2 = 100; g.drawLine(x1,y1,x2,y2); Applet多媒體編程多媒體編程-圖形圖形import java.awt.*; import java.applet.*; public class R

11、ectApplet extends Applet public void paint(Graphics g) g.drawRect(10,10,60,60); g.fillRect(80,10,60,60); Applet多媒體編程多媒體編程-圖形圖形import java.awt.*; import java.applet.*; public class PolyApplet extends Applet public void paint(Graphics g) int x = 30,90,100,140,50,60,30 ; int y = 30,70,40,70,100,80,100

12、; int pts = x.length; g.drawPolygon(x,y,pts); import java.applet.*; public class LampApplet extends Applet public void paint(Graphics g) /繪制燈上的黑點(diǎn)繪制燈上的黑點(diǎn) g.fillArc(78,120,40,40,63,-174); g.fillArc(173,100,40,40,110,180); g.fillOval(120,96,40,40); /繪制燈的上下輪廓繪制燈的上下輪廓 g.drawArc(85,157,130,50,-65,312); g.

13、drawArc(85,87,130,50,62,58); /繪制燈的左右輪廓繪制燈的左右輪廓 g.drawLine(85,177,119,89); g.drawLine(215,177,181,89); /繪制燈柱線繪制燈柱線 g.drawLine(125,250,125,160); g.drawLine(175,250,175,160); /繪制底座繪制底座 g.fillRect(10,250,260,30); 圖像圖像 import java.awt.*; import java.applet.*; public class PicApplet extends Applet Image p

14、ic; /圖像對象圖像對象 public void init( ) pic=getImage(getCodeBase(),fish.jpg); /獲得圖片獲得圖片 public void paint(Graphics g) g.drawImage(pic,30,30,this); 聲音聲音 import java.awt.*; import java.applet.*; public class AudioApplet extends Applet AudioClip audio; /聲音對象聲音對象 public void init( ) audio=getAudioClip(getCode

15、Base(),fire.au); /獲得聲音獲得聲音 public void paint(Graphics g) g.drawString(循環(huán)播放聲音的循環(huán)播放聲音的Applet小程序小程序,30,30); public void start( ) audio.loop( ); /循環(huán)播放聲音循環(huán)播放聲音 public void stop( ) audio.stop( ); /停止播放停止播放 動畫動畫 l 所謂動畫就是通過連續(xù)播放一系列畫面，給所謂動畫就是通過連續(xù)播放一系列畫面，給視覺造成連續(xù)變化的圖畫，這是動畫最基本的原視覺造成連續(xù)變化的圖畫，這是動畫最基本的原理。理。 l 在屏幕上顯示

16、一系列連續(xù)動畫的第一幀圖像，在屏幕上顯示一系列連續(xù)動畫的第一幀圖像，然后每隔很短的時間再顯示下一幀圖像，如此往然后每隔很短的時間再顯示下一幀圖像，如此往復(fù)，利用人眼視覺的暫?，F(xiàn)象，感覺畫面的物體復(fù)，利用人眼視覺的暫停現(xiàn)象，感覺畫面的物體在運(yùn)動。在運(yùn)動。 用多線程實(shí)現(xiàn)動畫文字用多線程實(shí)現(xiàn)動畫文字 l在在JavaJava中實(shí)現(xiàn)多線程有兩種方法：一種是繼承中實(shí)現(xiàn)多線程有兩種方法：一種是繼承ThreadThread類；另外一種是實(shí)現(xiàn)類；另外一種是實(shí)現(xiàn)RunnableRunnable接口，對接口，對于于AppletApplet小程序，我們一般是實(shí)現(xiàn)小程序，我們一般是實(shí)現(xiàn)RunnableRunnable接

17、接口。實(shí)現(xiàn)動畫文字與實(shí)現(xiàn)動畫的方法是一樣的，口。實(shí)現(xiàn)動畫文字與實(shí)現(xiàn)動畫的方法是一樣的，可以通過實(shí)現(xiàn)可以通過實(shí)現(xiàn)RunnableRunnable接口來實(shí)現(xiàn)多線程繪出接口來實(shí)現(xiàn)多線程繪出動畫文字，使文字像打字一樣一個文字一個文動畫文字，使文字像打字一樣一個文字一個文字地跳出來，然后全部隱去，再重復(fù)顯示文字，字地跳出來，然后全部隱去，再重復(fù)顯示文字，實(shí)現(xiàn)打字效果。實(shí)現(xiàn)打字效果。 顯示動畫顯示動畫 public class MovingImg extends AppletImage img0,img1;int x=10;public void init()img0=getImage(getCodeBa

18、se(),T5.gif);img1=getImage(getCodeBase(),T1.gif);public void paint(Graphics g)g.drawImage(img0,0,10,this);g.drawImage(img1,x,30,this);g.drawImage(img0,0,60,this);tryThread.sleep(50);x+=5;if(x=550)x=10;Thread.sleep(1500);catch(InterruptedException e)repaint();l運(yùn)行上述運(yùn)行上述Applet時畫面有閃爍的現(xiàn)象。一般時畫面有閃爍的現(xiàn)象。一般來說

19、，畫面越大，閃爍越嚴(yán)重。來說，畫面越大，閃爍越嚴(yán)重。l避免閃動的方法有兩個，一是通過覆蓋避免閃動的方法有兩個，一是通過覆蓋update()方法，二是使用方法，二是使用buffer屏幕緩沖區(qū)。屏幕緩沖區(qū)。l若畫面較大，只使用若畫面較大，只使用update()以背景色清除顯以背景色清除顯示區(qū)的時間就較長，不可避免地會產(chǎn)生閃爍，示區(qū)的時間就較長，不可避免地會產(chǎn)生閃爍，可以通過雙緩沖技術(shù)，有效地消除閃爍。可以通過雙緩沖技術(shù)，有效地消除閃爍。顯示動畫顯示動畫 雙緩沖技術(shù)簡介雙緩沖技術(shù)簡介 l雙緩沖技術(shù)在顯示動畫之前，首先創(chuàng)建兩個圖形雙緩沖技術(shù)在顯示動畫之前，首先創(chuàng)建兩個圖形緩沖區(qū)，一個為前臺的顯示緩沖，

20、一個為后臺的緩沖區(qū)，一個為前臺的顯示緩沖，一個為后臺的圖形緩沖，然后在顯示（繪制）圖形時，對兩個圖形緩沖，然后在顯示（繪制）圖形時，對兩個緩沖區(qū)進(jìn)行同步的圖形數(shù)據(jù)更新，該操作相當(dāng)于緩沖區(qū)進(jìn)行同步的圖形數(shù)據(jù)更新，該操作相當(dāng)于為前臺顯示區(qū)的數(shù)據(jù)作了一個后臺的圖形數(shù)據(jù)備為前臺顯示區(qū)的數(shù)據(jù)作了一個后臺的圖形數(shù)據(jù)備份，當(dāng)前臺顯示區(qū)的圖形數(shù)據(jù)需要恢復(fù)時，可以份，當(dāng)前臺顯示區(qū)的圖形數(shù)據(jù)需要恢復(fù)時，可以用后臺備份的圖形數(shù)據(jù)來恢復(fù)，其具體方法則是用后臺備份的圖形數(shù)據(jù)來恢復(fù)，其具體方法則是重寫重寫paint()和和update()方法，將備份好的圖形數(shù)方法，將備份好的圖形數(shù)據(jù)一次性地畫到顯示屏幕上。據(jù)一次性地畫到

21、顯示屏幕上。 Applet/ HelloWorld.java import java.awt.*;import java.applet.*;public class HelloWorld extends Appletpublic void paint(Graphics g) g.setColor(Color.blue); g.drawRect(10,10,100,150); g.drawString(Hello World,25,50); Applet與與HTML Example 演示演示在線計(jì)算器在線計(jì)算器 HTML簡介簡介lHTML入門入門 l HTML基本構(gòu)架基本構(gòu)架l頁面布局與文字設(shè)計(jì)

22、頁面布局與文字設(shè)計(jì)l列表列表l 多媒體效果多媒體效果 l TABLE表格表格HTML入門入門lHTML英語意思是：英語意思是：Hypertext Marked Language，即超文本標(biāo)記語言，即超文本標(biāo)記語言l通過通過HTML可以表現(xiàn)出豐富多彩的設(shè)計(jì)風(fēng)格可以表現(xiàn)出豐富多彩的設(shè)計(jì)風(fēng)格l通過通過HTML可以展現(xiàn)多媒體的效果可以展現(xiàn)多媒體的效果l標(biāo)簽標(biāo)簽 “”HTML的基本結(jié)構(gòu)的基本結(jié)構(gòu)l文檔頭、文檔體文檔頭、文檔體l頭頭 部部 信信 息息 文文 檔檔 主主 體，體， 正正 文文 部部 分分 HTML的基本結(jié)構(gòu)的基本結(jié)構(gòu)l下面是一個最基本的超文本文檔的源代碼：下面是一個最基本的超文本文檔的源代碼

23、：ll一個簡單的一個簡單的HTML示例示例l歡迎光臨我的主頁歡迎光臨我的主頁這是我第一次做主頁，無論怎么樣，我都會努力做好！這是我第一次做主頁，無論怎么樣，我都會努力做好！超文本中的標(biāo)簽超文本中的標(biāo)簽l單標(biāo)簽單標(biāo)簽 l雙標(biāo)簽雙標(biāo)簽 內(nèi)內(nèi) 容容 l標(biāo)簽屬性標(biāo)簽屬性 頁面布局及文字設(shè)計(jì)頁面布局及文字設(shè)計(jì)l標(biāo)題標(biāo)題l換行換行l(wèi)段落標(biāo)簽段落標(biāo)簽l水平線段水平線段l文字的大小設(shè)置文字的大小設(shè)置l文字的字體與樣式文字的字體與樣式l文字的顏色文字的顏色l位置控制位置控制l綜合示例綜合示例標(biāo)題標(biāo)題lHTML中提供了相應(yīng)的標(biāo)題標(biāo)簽中提供了相應(yīng)的標(biāo)題標(biāo)簽, 總共提總共提供六個等級，供六個等級，n越小，標(biāo)題字號就越

24、大越小，標(biāo)題字號就越大l第一級標(biāo)題第一級標(biāo)題 第二級標(biāo)題第二級標(biāo)題 第三級標(biāo)題第三級標(biāo)題 第四級標(biāo)題第四級標(biāo)題 第五級標(biāo)題第五級標(biāo)題 第六級標(biāo)題第六級標(biāo)題l請看例子請看例子換行換行l(wèi)在在HTML語言規(guī)范里，每當(dāng)瀏覽器窗口被縮小語言規(guī)范里，每當(dāng)瀏覽器窗口被縮小時，瀏覽器會自動將右邊的文字轉(zhuǎn)折至下一行。時，瀏覽器會自動將右邊的文字轉(zhuǎn)折至下一行。所以，編寫者對于自己需要斷行的地方，應(yīng)加所以，編寫者對于自己需要斷行的地方，應(yīng)加上上標(biāo)簽。標(biāo)簽。段落標(biāo)簽段落標(biāo)簽l文件段落的開始由文件段落的開始由來標(biāo)記，段落的結(jié)束由來標(biāo)記，段落的結(jié)束由來標(biāo)記，來標(biāo)記，是可以省略的，因?yàn)橄乱皇强梢允÷缘?，因?yàn)橄乱粋€個的開始就

25、意味著上一個的開始就意味著上一個的結(jié)束的結(jié)束l標(biāo)簽還有一個屬性標(biāo)簽還有一個屬性ALIGN，它用來指名字，它用來指名字符顯示時的符顯示時的對齊方式對齊方式，一般值有，一般值有CENTER、LEFT、RIGHT三種三種l請看例子請看例子水平線段水平線段l這個標(biāo)簽可以在屏幕上顯示一條水平線，用以分割頁這個標(biāo)簽可以在屏幕上顯示一條水平線，用以分割頁面中的不同部分。面中的不同部分。l有四個屬性：有四個屬性：size水平線的寬度水平線的寬度width 水平線的長，用占屏幕寬度的百分比或象素值水平線的長，用占屏幕寬度的百分比或象素值 來表示來表示align 水平線的對齊方式，有水平線的對齊方式，有LEFT

26、RIGHT CENTER三種三種noshade 線段無陰影屬性，為實(shí)心線段線段無陰影屬性，為實(shí)心線段水平線段水平線段l線段粗細(xì)的設(shè)定線段粗細(xì)的設(shè)定l線段長度的設(shè)定線段長度的設(shè)定l線段排列的設(shè)定線段排列的設(shè)定l無陰影的設(shè)定無陰影的設(shè)定 請看例子請看例子文字的大小設(shè)置文字的大小設(shè)置l提供設(shè)置字號大小的是提供設(shè)置字號大小的是FONT，F(xiàn)ONT有一個有一個屬性屬性SIZE，通過指定，通過指定SIZE屬性就能設(shè)置字號屬性就能設(shè)置字號大小，而大小，而SIZE屬性的有效值范圍為屬性的有效值范圍為17，其，其中缺省值為中缺省值為3。我們可以。我們可以SIZE屬性值之前加上屬性值之前加上“”、“”字符，來指定相

27、對于字號初始字符，來指定相對于字號初始值的增量或減量。值的增量或減量。l請看示例請看示例文字的字體與樣式文字的字體與樣式lHTML提供了定義字體的功能，用提供了定義字體的功能，用FACE屬性屬性來完成這個工作。來完成這個工作。lFACE的屬性值可以是本機(jī)上的任一字體類型，的屬性值可以是本機(jī)上的任一字體類型，只有對方的電腦中裝有相同的字體才可以在他只有對方的電腦中裝有相同的字體才可以在他的瀏覽器中出現(xiàn)你預(yù)先設(shè)計(jì)的風(fēng)格。的瀏覽器中出現(xiàn)你預(yù)先設(shè)計(jì)的風(fēng)格。ll請看例子請看例子文字的字體與樣式文字的字體與樣式l為了讓文字富有變化，或者為了著意強(qiáng)調(diào)某一部分，為了讓文字富有變化，或者為了著意強(qiáng)調(diào)某一部分，H

28、TML提供了一些標(biāo)簽產(chǎn)生這些效果，現(xiàn)將常用的標(biāo)簽列提供了一些標(biāo)簽產(chǎn)生這些效果，現(xiàn)將常用的標(biāo)簽列舉如下：舉如下：l 粗體粗體HTML語言語言l 斜體斜體 HTML語言語言l 加下劃線加下劃線 HTML語言語言l 打字機(jī)字體打字機(jī)字體 HTML語言語言l大型字體大型字體 HTML語言語言l小型字體小型字體HTML語言語言l 表示強(qiáng)調(diào)，一般為斜體表示強(qiáng)調(diào)，一般為斜體HTML語言語言l 表示特別強(qiáng)調(diào)，一般為粗體表示特別強(qiáng)調(diào)，一般為粗體HTML語言語言l 用于引證、舉例，一般為斜體用于引證、舉例，一般為斜體HTML語言語言文字的顏色文字的顏色l文字顏色設(shè)置格式如下：文字顏色設(shè)置格式如下： 這里的顏色值可

29、以是一個十六進(jìn)制數(shù)這里的顏色值可以是一個十六進(jìn)制數(shù)(用用“#”作為前綴作為前綴)，也可以，也可以是顏色名稱是顏色名稱 如：如：Black = #000000“ Green = #00FF00 Red = #FF0000“ Blue = #0000FF“請看例子請看例子列表列表 l無序號列表無序號列表l序號列表序號列表無序號列表無序號列表l無序號列表使用的一對標(biāo)簽是無序號列表使用的一對標(biāo)簽是，每，每一個列表項(xiàng)前使用一個列表項(xiàng)前使用。其結(jié)構(gòu)如下所示：。其結(jié)構(gòu)如下所示：第一項(xiàng)第一項(xiàng)第二項(xiàng)第二項(xiàng)第三項(xiàng)第三項(xiàng)l請看例子請看例子序號列表序號列表l序號列表和無序號列表的使用方法基本相同，它使用序號列表和無序

30、號列表的使用方法基本相同，它使用標(biāo)簽標(biāo)簽，每一個列表項(xiàng)前使用，每一個列表項(xiàng)前使用。每個項(xiàng)。每個項(xiàng)目都有前后順序之分，多數(shù)用數(shù)字表示。其結(jié)構(gòu)如下目都有前后順序之分，多數(shù)用數(shù)字表示。其結(jié)構(gòu)如下所示：所示：l第一項(xiàng)第一項(xiàng)第二項(xiàng)第二項(xiàng)第三項(xiàng)第三項(xiàng)多媒體效果多媒體效果l插入圖象插入圖象l播放音樂播放音樂l播放視頻播放視頻插入圖形插入圖形l超文本支持的圖象格式有超文本支持的圖象格式有GIF、JPEG等。等。插入圖象的標(biāo)簽是插入圖象的標(biāo)簽是，其格式為：，其格式為：l請看例子請看例子播放音樂播放音樂l點(diǎn)播音樂點(diǎn)播音樂 將音樂做成一個鏈接：樂曲名樂曲名l自動載入音樂自動載入音樂 基本語法： 播放視頻播放視頻l鏈

31、接一個視頻文件鏈接一個視頻文件 將視頻文件做成一個鏈接的方法：視頻名稱視頻名稱l自動載入視頻自動載入視頻與音樂的播放一樣，我們可以使用EMBED標(biāo)簽播放視頻： TABLE表格表格 l表格的基本結(jié)構(gòu)表格的基本結(jié)構(gòu)l表格的標(biāo)題表格的標(biāo)題l表格的尺寸設(shè)置表格的尺寸設(shè)置l表格內(nèi)文字的對齊、布局表格內(nèi)文字的對齊、布局l跨多行、多列的表元跨多行、多列的表元l表格的顏色表格的顏色表格的基本結(jié)構(gòu)l. 定義表格定義表格.定義標(biāo)題定義標(biāo)題 定義表行定義表行 定義表頭定義表頭 定義表元定義表元(表格的具體數(shù)據(jù)表格的具體數(shù)據(jù))l一個簡單的例子表格的標(biāo)題表格的標(biāo)題l表格標(biāo)題的位置，可由表格標(biāo)題的位置，可由ALIGN屬性

32、來設(shè)置，屬性來設(shè)置，其位置分別由表格上方和表格下方。下面為表其位置分別由表格上方和表格下方。下面為表格標(biāo)題位置的設(shè)置格式。格標(biāo)題位置的設(shè)置格式。設(shè)置標(biāo)題位于表格上方：設(shè)置標(biāo)題位于表格上方： . 設(shè)置標(biāo)題位于表格下方：設(shè)置標(biāo)題位于表格下方： . 表格尺寸設(shè)置表格尺寸設(shè)置 l表格的大小表格的大小一般情況下，表格的總長度和總寬度是根據(jù)各行一般情況下，表格的總長度和總寬度是根據(jù)各行和各列的總和自動調(diào)整的，如果我們要直接固定表格和各列的總和自動調(diào)整的，如果我們要直接固定表格的大小，可以使用下列方式：的大小，可以使用下列方式：width和和height屬性分別指定表格一個固定的寬度和屬性分別指定表格一個固定的寬度和長度，長度，n1和和n2可以用像素來表示，也可以用百分比可以用像素來表示，也可以用百分比（與整個屏幕相比的大小比例）來表示（與整個屏幕相比的大小比例）來表示表格尺寸設(shè)置表格尺寸設(shè)置 l邊框尺寸設(shè)置邊框尺寸設(shè)置邊框是用邊框是用border屬性來體現(xiàn)的，它表示表格的邊框