HTML試題及答案（總結）

幸福清風發表於2017-09-09
HTML

HTML練習題1（選擇題） 

一、選擇

1.在一個框架的屬性皮膚中，不能設定下面哪一項。（  ）

A．原始檔 ;     B．邊框顏色 ;      C．邊框寬度   D．滾動條

2.        下列哪一項表示的不是按鈕。（  ）

A．type="submit"        B．type="reset"           C．type="image"   D．type="button"

3.下面哪一個屬性不是文字的標籤屬性？（  ）

A．nbsp;      B．align      C．color      D．face

4.下面哪一項的電子郵件連結是正確的？（  ）

A．xxx.com.cn           B．xxx@.net        C．xxx@com              D．xxx@xxx.com

5.當連結指向下列哪一種檔案時，不開啟該檔案，而是提供給瀏覽器下載。（  ）

A．ASP                      B．HTML            C．ZIP                       D．CGI

6.關於表格的描述正確的一項是。（  ）

A．在單元格內不能繼續插入整個表格

B．可以同時選定不相鄰的單元格

C．貼上表格時，不貼上表格的內容

D．在網頁中，水平方向可以並排多個獨立的表格

7.如果一個表格包括有1行4列，表格的總寬度為“699”，間距為“5”，填充為“0”，邊框為“3”，每列的寬度相同，那麼應將單元格定製為多少畫素寬。（  ）

A．126                       B．136                       C．147                D．167

8.關於文字對齊，原始碼設定不正確的一項是：（   ）

A．居中對齊：<divalign="middle">…</div>

B．居右對齊：<divalign="right">…</div>

C．居左對齊：<divalign="left">…</div>

D．兩端對齊：<divalign="justify">…</div>

9.下面哪一項是換行符標籤？（   ）

A．<body>          B．<font>            C．<br>              D．<p>

10.下列哪一項是在新視窗中開啟網頁文件。（   ）

A．_self               B．_blank            C．_top               D．_parent

11.下面對JPEG格式描述不正確的一項是。（   ）

A．照片、油畫和一些細膩、講求色彩濃淡的圖片常採用JPEG格式

B．JPEG支援很高的壓縮率，因此其影象的下載速度非常快

C．最高只能以256色顯示的使用者可能無法觀看JPEG影象

D．採用JPEG格式對圖片進行壓縮後，還能再開啟圖片，然後對它重新整飾、編輯、壓縮

12.在一個框架組的屬性皮膚中，不能設定下面哪一項。（   ）

A．邊框顏色       B．子框架的寬度或者高度  C．邊框寬度       D．滾動條

13．Web安全色所能夠顯示的顏色種類為(  )。

A 216 色B  256 色C 千萬種顏色 D 1500 種色

14．常用的網頁影象格式有( )和(  ).

A.gif，tiff B．tiff，jpg  C．gif，jpg D．tiff，png

15．如果要表單提交資訊不以附件的形式傳送，只要將表單的“MTME型別”設定為( )。

    A.text／plain   B．password   C．submit   D．button

16．下面說法錯誤的是(  )。

    A.CSS樣式表可以將格式和結構分離   B．CSS樣式表可以控制頁面的佈局

C．CSS樣式表可以使許多網頁同時更新  D．CSS樣式表不能製作體積更小下載更快的網頁

17．CSS樣式表不可能實現(  )功能。

    A.將格式和結構分離          B．一個CSS檔案控制多個網頁

    C. 控制圖片的精確位置     D．相容所有的瀏覽器

18．表格是網頁中的(  )，框架是由數個(  )組成的。

    A.元素，幀   B．元素，元素 C.幀，元素    D．結構，幀

19．要使表格的邊框不顯示，應設定border的值是(  )。

    A．1   B．0   C．2   D．3

20．在HTML中，(  )不是連結的目標屬性。

A.self    B．new    C．blank    D．top

21．在網頁設計中，(  )是所有頁面中的重中之重，是一個網站的靈魂所在。

    A．引導頁   B．指令碼頁面 C.導航欄    D．主頁面

22．為了標識一個HTML檔案應該使用的HTML標記是(  )。

    A．<p><／p>    B．<boby><／body>  C．<html><／html>    D．<table><／table>

23．在客戶端網頁尾本語言中最為通用的是(  ).

    A.JavaScript    B．VB   C．Perl    D．ASP

24．在HTML中，標記<font>的Size屬性最大取值可以是( )。

    A.5    B．6    C．7    D．8

25．在HTML中，標記<pre>的作用是(  )。

    A.標題標記   B．預排版標記   C.轉行標記   D．文字效果標記

26．在DHTML中把整個文件的各個元素作為物件處理的技術是 (    ).

    A.HTML    B．CSS  C.DOM    D．Script(指令碼語言)

27．下面不屬於CSS插入形式的是(  ).

    A.索引式   B．內聯式   C．嵌入式   D．外部式

28．如果站點伺服器支援安全套接層(SSL)，那麼連線到安全站點上的所有URL開頭是(  )。

    A．HTTP   B．HTTPS   C．SHTTP   D．SSL

29．下列描述錯誤的是( )。

    A.DHTML是HTML基礎上發展的一門語言

    B．根據處理使用者操作位置的不同，HTML主要分為兩大類：伺服器端動態頁面和客戶端動態頁面

    C．客戶端的DHTML技術包括HTML4．0、CSS、DOM和指令碼語言

    D．DHTML側重於WEB內容的動態表現

30．可以不用釋出就能在本地計算機上瀏覽的頁面編寫語言是（ ）。
　　AASP 　　　　　　 BHTML　　　　　　　CPHP 　　　　　　 DJSP

31．在網頁中，必須使用（）標記來完成超級連結。
　　A<a>…</a>　B<p>…</p>　　 C<link>…</link>　 　　　D<li>…</li>

32．有關網頁中的影象的說法不正確的是（ ）。

A網頁中的影象並不與網頁儲存在同一個檔案中，每個影象單獨儲存

B HTML語言可以描述影象的位置、大小等屬性

C HTML語言可以直接描述影象上的畫素

D影象可以作為超級連結的起始物件

33．下列HTML標記中，屬於非成對標記的是（）。

　　A<li>　　　　　　　　B<ul> 　　　　C <P> 　　　　　D <font>

34．用HTML標記語言編寫一個簡單的網頁，網頁最基本的結構是（）。
　　A<html> <head>…</head> <frame>…</frame></html>
　　B<html> <title>…</title> <body>…</body></html>
　　C<html> <title>…</title> <frame>…</frame></html>
　　D<html> <head>…</head> <body>…</body></html>

35．主頁中一般包含的基本元素有（ ）。
　　A超級連結　　 　　　B影象　 　　　C聲音　　 　　　D表格

36．以下標記符中，用於設定頁面標題的是（）

A.<title>   B.<caption> C.<head>   D.<html>

37．以下標記符中，沒有對應的結束標記的是（）

A.<body>  B.<br>  C.<html>  D.<title>

38．若要是設計網頁的背景圖形為bg.jpg，以下標記中，正確的是（）

A.<body background=”bg.jpg”>

B.<body bground=”bg.jpg’’>

C.<body image=”bg.jpg”>

D.<body bgcolor=”bg.jpg”>

39．若要以標題2號字、居中、紅色顯示”vbscrip”，以下用法中，正確的是（）

A.<h2><divalign=”center”><color=”#ff00000”>vbscript</div></h2></font>
B.<h2><div align=”center”>< font color=”#ff00000”>vbscript</div></h2></font>

C.<h2><divalign=”center”><font  color=”#ff00000”>vbscript<</h2>/div></font>

D.<h2><div align=”center”><font  color=”#ff00000”>vbscript</font></div></h2>

40．若要以加粗宋體、12號字顯示“vbscript”以下用法中，正確的是（ ）

A.<b><fontsize=12>vbscript</b></font>

B.<b><font face=”宋體”size=12>vbscript</font></b>

C.<b><font size=“宋體”size=12>vbscript</b></font>

D.<b><font size=“宋體”fontsize=12>vbscript</b></font>

41．若要在頁面中建立一個圖形超連結，要顯示的圖形為myhome.jpg,所連結的地址為http://www.pcnetedu.com,以下用法中，正確的是（ ）；

A  <a href=”http://www.pcnetedu.com”>myhome.jpg</a>

B  <a href=” http://www.pcnetedu.com”><imgsrc=”myhome.jpg”></a>

C  <img src=”myhome.jpg”><a href=”http://www.pcnetedu.com”></a>

D   <a href =http://www.pcneredu.com><imgsrc=”myhome.jpg”>

42．以下標記中，用於定義一個單元格的是（）；

A <td>&nbsp;</td>                    B <tr>…</tr>

C <table>…</table>                 d<caption>…</caption>

43．用於設定表格背景顏色的屬性的是 (  );

A  background   B bgcolor   CBorderColor    D backgroundColor

44．要將頁面的當前位置定義成名為”vbpos”和錨，其定義方法正確的是（）

A．<ahref=:vbpos”></a>

B．<ahref=”#vbpos”>vbpos</a>

C．<aname=vbpos>

D．<aname=”vbpos”></a>

45．若要獲得名為login的表單中，名為txtuser的文字輸入框的值，以下獲取的方法中，正確的是（）；

Ausername=login.txtser.value          B username=document.txtuser.value

C username=document.login.txtuser     C username=document.txtuser.value

46．若要產生一個4行30列的多行文字域，以下方法中，正確的是（）。

A．<Inputtype=”text” Rows=”4” Cols=”30” Name=”txtintrol”>

B.<TextArea Rows=”4” Cols=”30” Name=”txtintro”>

C.<TextArea Rows=”4” Cols=”30”Name=”txtintro”></TextArea>

D.<TextArea Rows=”30” Cols=”4”Name=”       txtintro”></TextArea>

47．用於設定文字框顯示寬度的屬性是（）。

A.Size      B MaxLength   C.  Value  D.Length

48．在網頁中若要播放名為demo.avi的動畫，以下用法中，正確的是（）。

A.<Embed src=”demo.avi” autostart=true>

B.<Embed src=”demo.avi” autoopen=true>

C.<Embed src=”demo.avi”autoopen=true></Embed>

D.<Embed src=”demo.avi” autostart=true></Embed>

49．若要迴圈播放背景音樂bg.mid，以下用法中，正確的是（）。

A.<bgsound src=”bg.mid” Loop=”1”>

B.<bgsound src=”bg.mid” Loop=True>

C.<sound src=”bg.mid” Loop=”True”>

D.<Embed src=”bg.mid”autostart=true></Embed>

50．以下標記中，用來建立物件的是（）。

A．<Object> B. <Embed>   C<Form> . D.<Marquee>

51．以下標記中，可用來產生滾動文字或圖形的是（）。

    A.<Scroll>  B.<Marquee>  C.<TextArea>  D.<IFRAME>

52．可用來在一個網頁中嵌入顯示另一個網頁內容的標記符是（）。

    A.<Marquee>  B.<IFRAME>  C.<Embed>   D.<Object> 

53．若要在網頁中插入樣式表main.css,以下用法中，正確的是（）。

A.<Link href=”main.css” type=text/css rel=stylesheet>

B.<Link Src=”main.css” type=text/cssrel=stylesheet>

C.<Link href=”main.css” type=text/css>

D.<Include href=”main.css” type=text/cssrel=stylesheet>

54．若要在當前網頁中定義一個獨立類的樣式myText,使具有該類樣式的正文字型為”Arial”,字型大小為9pt,行間距為13.5pt,以下定義方法中，正確的是（）。

A.<Style>

    .myText{Font-Familiy:Arial;Font-size:9pt;Line-Height:13.5pt}

    </style>

B..myText{Font-Familiy:Arial;Font-size:9pt;Line-Height:13.5pt}

C.<Style>

   .myText{FontName:Arial;FontSize:9pt;LineHeight:13.5pt}

    </style>

D.<Style>

    . .myText{FontName:Arial;Font-ize:9pt;Line-eight:13.5pt}

    </style>

55．若要使表格的行高為16pt，以下方法中，正確的是（）

A．<tableborder=1 style=”Ling-Height:16”>…</table>

B．<tableborder=1 style=”Ling-Height:16pt”>…</table>

C．<tableborder=1 LingHeight=16pt”>…</table>

D．<tableborder=1 LingHeight=”16pt”>…</table>

56．以下建立mail連結的方法，正確的是( )

A．<ahref=”master@163.com”>管理員</a>

B．<ahref=”callto:master@163.com”>管理員</a>

C．<ahref=”mailto:master@163.com”>管理員</a>

D．<ahref=”Email:master@163.com”>管理員</a>

57．有關框架與表格的說法正確的有（ ）。
　　A框架對整個視窗進行劃分　　　　 　　　B每個框架都有自己獨立網頁檔案
　　C表格比框架更有用 　　　　　　　　　　D表格對頁面區域進行劃分



 

二、填空

1.        HTML網頁檔案的標記是________，網頁檔案的主體標記是_________，標記頁面標題的標記是_____________。

2.        表格的標籤是          ，單元格的標籤是          。

3.        表格的寬度可以用百分比和        兩種單位來設定。

4.        用來輸入密碼的表單域是             。

5.         檔案頭標籤包括關鍵字、描述、      、基礎和連結等。

6.         “高階”CSS樣式一般應用於       。附加樣式表分為       和       兩種方式。

7.        RGB方式表示的顏色都是由紅、綠、    這3種基色調和而成。

8.         表格有3個基本組成部分：行、列和      。

9.        如果一個分為左右兩個框架的框架組，要想使左側的框架寬度不變，應該用______單位來定製其寬度，而右側框架則使用     單位來定製。

10.      當表單以電子郵件的形式傳送，表單資訊不以附件的形式傳送，應將【MIME型別】設定為        。

11.      檔案頭標籤也就是通常所見到的     標籤。

12．建立一個HTML文件的開始標記符_________；結束標記符是_________。

13．設定文件標題以及其他不在WEB網頁上顯示的資訊的開始標記符_________；結束標記符是_________。

14．設定文件的可見部分開始標記符_________；結束標記符是_________。

15．網頁標題會顯示在瀏覽器的標題欄中，則網頁標題應寫在開始標記符_________和結束標記符_________之間。

16．要設定一條1象素粗的水平線，應使用的HTML語句是_________。

17．表單物件的名稱由_________屬性設定；提交方法由_________屬性指定；若要提交大資料量的資料，則應採用_________方法；表單提交後的資料處理程式由_________屬性指定。18．HTML是一種描述性的________語言，主要用於組織網頁的內容和控制輸出格式。JAVASCRIPT或VBSCRIPT________語言，常嵌入網頁中使用，以實現對網頁的程式設計控制，進一步增強網頁的互動性和功能。

19．表格中用列組標記符是_________。

20．將表格的行分組，用到的主要標記是___________。

21．___________通常是用來作為網站的一個歡迎頁面或是一個導航頁面，是一個網站留給瀏覽者的最初印象，因而是非常重要的。

22．__________是網頁與網頁之間聯絡的紐帶，也是網頁的重要特色。

23．網頁中三種最基本的頁面組成元素是__ 。

24．嚴格來說，          並不是一種程式語言，而只是一些能讓瀏覽器看懂的標記。

25．浮動框架的標籤是     。

26．實現網頁互動性的核心技術是___________。

27．能夠建立網頁互動性的指令碼語言有兩種，一種是隻在__________端執行的語言，另一種在網上經常使用的語言是___________端語言。

28．表單是Web___________和Web___________之間實現資訊交流和傳遞的橋樑。

29、表單實際上包含兩個重要組成部分：一是描述表單資訊的_________，二是用於處理表單資料的伺服器端__________。

30．請寫出在網頁中設定表格邊框的厚度的屬性_______；設定表格單元格之間寬度屬性______________；設定表格資料與單元格線的距離屬性__________。

31．請寫出<captionalign=bottom>表格標題</caption>功能是___________________。

32．<tr>….</tr>是用來定義__________；<td>…</td>是用來定義_________；<th>…</th>是用來定義__________。

33．單元格垂直合併所用的屬性是__________；單元格橫向合併所用的屬性是___________。

34．利用<table></table>標記符的____________屬性可以控制表格邊框的顯示樣式；利用<table></table>標記符的_________屬性可以控制表格分隔線的顯示樣式。

35．設定網頁背景顏色為綠色的語句________________。

36．在網頁中插入背景圖案（檔案的路徑及名稱為/img/bg.jpg）的語句是_____________。  

37．設定文字的顏色為紅色的標記格式是__________。

38．設定顏色可以用顏色的英文名稱，也可用__________。

39．插入圖片<img src="圖形檔名">標記符中的src英文單詞是_________。

40．設定圖片邊框的屬性是___________。

41．設定圖片高度及寬度的屬性是_______________。

42．設定圖片上下留空的屬性是___________；設定圖片左右留空的屬性是___________。

43．為圖片新增簡要說明文字的屬性是________。

44．Area的shape屬性中，shape=rect表示的形狀為__________；shape=circle表示的形狀為_________；shape=poly表示的形狀為________。

45．在網頁中嵌入多媒體，如電影，聲音等用到的標記是____________。

46．在頁面中新增背景音樂bg.mid，迴圈播放3次的語句是__________。

47．在頁面中實現滾動文字的標記是_______。

48．<imgsrc="ex.GIF" dynsrc="ex.AVI"  loop=3 loopdelay=250>語句的功能是__________。

49．用來在視訊視窗下附加MS－WINDOWS 的 AVI 播放控制條的屬性是___________。

50．預格式化文字標記<pre></pre>的功能是_________。

 

 

HTML練習題1參考答案

參考答案：

一、選擇

1-5 dcbdc

6-10 ddacb

11-15 cdaca

16-20 ddabb

21-25 acacb

26-30 cabbb

31-35 acada

36-40 abadb

41-45 cabda

46-50 cad a

51-55 bbbab

56-57 cb

二、填空

1．<html></html>,<body></body>,<title></title>

2．<table></table>,<td></td>

3．畫素

4．Type=password

5．編碼

6．

7．藍

8．單元格

9．畫素,*

10．Text/plain

11．<head>

12．<html>，</html>

13．<head>,</head>

14．<body>,</body>

15．<title>,</title>

16．<hr size=1>

17．Name,method,post,action

18．標記，指令碼

19．<td>

20．<tr>

21．主頁（首頁）

22．超連結

23．文字、圖形、超連線

24．html

25．iframe

26．指令碼語言

27．伺服器，客戶

28．瀏覽器，伺服器

29．Web頁，表單處理程式

30．Border，Cellpadding，cellspacing

31．為表格在表格外新增標題

32．表格的一行，表格的一列，表格的標題

33．Colspan，rowspan

34．Frame，rules

35．<body bgcolor=green>

36．<body background=/img/bg.jpg>

37．<font color=red>

38．#rrggbb

39．Source

40．Border

41．Height，width

42．Vspace，hspace

43．Alt

44．矩形，圓形，多邊形

45．Embed

46．<bgsound src=bg.mid loop=3>

47．<marqueen>

48．迴圈三次播放ex.avi，延遲250毫秒，在播放前顯示ex.gif影象

49．control

50．標記內的內容按照原格式顯示在網頁中

 

綜合練習二


一、選擇題
1.標記符<title>是放在標記符（）之間的
A.<html></html>B.<head></head>C.<body></body>D.</head><body>
2.下面有關標記符<a>的正確說法是：（）
A.該標記符的引數是srcB.該標記符的引數是href
C.該標記符在使用的時候必須以</a>結束
D.該標記符可以用來在網頁中插入圖片
E.該標記符可以用來在網頁中插入超連結
3.＜img＞標記符中連線圖片的引數是：（）
A.hrefB.srcC.typeD.align
4.級聯樣式表檔案的副檔名是：（）
AhtmlBcssCxmlDdib
5.同以往的版本相比較，HTML4.0：（）
A增加了JavaScript支援B增加了Flash技術
C增強了網頁的動態性D增加了ActiveX技術
6.為了標識一個HTML檔案應該使用的HTML標記是()
A.<p></p>B.<boby></body>
C.<html></html>D.<table></table>
7.在HTML中，標記<font>的Size屬性最大取值可以是()
A.5B.6C.7D.8
8.在HTML中，標記<pre>的作用是()
A.標題標記B.預排版標記C.轉行標記D.文字效果標記
9.在HTML中，要定義一個書籤應該使用的語句是()
A.<ahref="#object-name">text</a>
B.<aname="object-name">text</a>
C.<atarget="#object-name">text</a>
D.<alink="#object-name">text</a>
10.HTML語言中的轉行標記是()
A.<html>B.<br>C.<title>D.<p>
11.在HTML中，標題字型標記<hx>中x的最大取值是()
A.4B.5C.6D.7
12.以下不能用來定義表格內容的標記為()。
A.<br>B.<tr>C.<th>D.<td>
二、分析以下html程式碼的效果
1)
<html>
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=gb2312">
<title>Dreamweaver製作的第一個HTML檔案</title>
</head>
<body>
讓我們一起開始HTML語言的旅程吧！
</body>
</html>
2)
<HTML>
<HEAD>
<TITLE>頁面的背景影象平鋪</TITLE>
</HEAD>
<BODYBACKGROUND="4-3-2.gif"TEXT="#336699">
<CENTER>
<H2>設定頁面的背景影象為平鋪，文字的顏色為深藍色</H2>
</CENTER>
</BODY>
</HTML>
3)
<HTML>
<HEAD>
<TITLE>頁面文字的連結顏色</TITLE>
</HEAD>
<BODYBGCOLOR="#336699"TEXT="#FFFFFF"LINK="#FF0000"ALINK="#00FF00"VLINK="#CCCCCC">
<CENTER>
<H2>設定不同的連結顏色</H2>
<AHREF="http://www.sina.com.cn">預設的連結顏色</A>
<P>
<AHREF="http://www.yahoo.com.cn">正在按下的連結顏色</A>
<P>
<AHREF="http://www.sohu.com">訪問過後的連結顏色</A>
</CENTER>
</BODY>
</HTML>
4）
<HTML>
<HEAD>
<TITLE>頁面的特殊符號</TITLE>
</HEAD>
<BODY>
&COPY;&QUOT;這&QUOT;是一本專業&AMP;詳盡的&LT;HTML&GT;書籍&REG;
</BODY>
</HTML>
5）
<HTML>
<HEAD>
<TITLE>頁面標題字的對齊</TITLE>
</HEAD>
<BODY>
<H1>這是一本專業詳盡的HTML書籍</H1>
<H2ALIGN=Left>這是一本專業詳盡的HTML書籍</H2>
<H3ALIGN=Center>這是一本專業詳盡的HTML書籍</H3>
<H4ALIGN=Right>這是一本專業詳盡的HTML書籍</H4>
</BODY>
</HTML>
6）
<HTML>
<HEAD>
<TITLE>文字的顏色</TITLE>
</HEAD>
<BODY>
<FONTSIZE=1COLOR="red">這是</FONT>?<hr>
<FONTSIZE=2COLOR="#009900">一本</FONT>
<FONTSIZE=3COLOR="green">專業</FONT>
<FONTSIZE=4COLOR="#808000">詳盡</FONT><hr>
<FONTSIZE=5COLOR="teal">的</FONT>
<FONTSIZE=6COLOR="#0000FF">HTML</FONT>
<FONTSIZE=7COLOR="#800080">書籍</FONT>
<FONTSIZE=+1COLOR="#008080">謝謝</FONT>
<FONTSIZE=-1COLOR="#00FFFF">購買</FONT>
</BODY>
</HTML>
7）
<HTML>
<HEAD>
<TITLE>設定跨行的表格</TITLE>
</HEAD>
<BODY>
<TABLEBORDER=3WIDTH=400HEIGHT=100Bordercolor=#336699ALIGN="CENTER">
<TR>
<TD>軟體分類</TD><TD>軟體名稱</TD>
</TR>
<TR>
<TDRowSpan=3>網頁製作軟體</TD>
<TD>Fireworks</TD>
</TR>
<TR>
<TD>Dreamweaver</TD>
</TR>
<TR>
<TD>Flash</TD>
</TR>
</TABLE>
</BODY>
</HTML>
8）
<HTML>
<HEAD>
<TITLE>插入文字域</TITLE>
</HEAD>
<BODY>
<H1>使用者調查</H1>
<FORMACTION=mailto:xgzyljj@163.netMETHOD=getNAME=invest>
請留言：<BR>
<TEXTAREANAME="comment"Rows=5Cols=40>
</TEXTAREA><BR>
<INPUTTYPE="Submit"NAME="Submit"VALUE="提交表單">
</FORM>
</BODY>
</HTML>
9）
<HTML>
<HEAD>
<TITLE>頁面的自動重新整理</TITLE>
<METAHTTP-EQUIV="REFRESH"CONTENT="5;URL=http://cn.yahoo.com">
</HEAD>
<BODY>
<H2><CENTER>請稍等片刻......</CENTER></H2>
<P>本頁面5秒鐘之後跳轉到新的地址</P>
</BODY>
</HTML>
10）
<!--main.htm-->
<HTML>
<HEAD>
<TITLE>頁面的過渡效果</TITLE>
</HEAD>
<BODYBGCOLOR=#99CCFF>
<CENTER><H2>頁面的過渡效果</H2>
<P><IMGSRC="3-10.jpg"WIDTH=400HEIGHT=200></P>
<AHREF="sub1.htm">進入網頁</A><BR>
<AHREF="sub2.htm">離開網頁</A>
</CENTER>
</BODY>
</HTML>
<!--sub1.htm-->
<HTML>
<HEAD>
<TITLE>頁面的進入效果</TITLE>
<METAHTTP-EQUIV="Page-Enter"CONTENT="REVEALTRANS(Duration=3,Transition=21)">
</HEAD>
<BODYBGCOLOR=#99CCFF>
<CENTER><H2>顯示頁面的進入效果</H2>
<P><IMGSRC="3-10-1.jpg"WIDTH=400HEIGHT=200></P>
<AHREF=3-10.htm>返回</A>
</CENTER>
</BODY>
</HTML>
<!--sub2.htm-->
<HTML>
<HEAD>
<TITLE>頁面的退出效果</TITLE>
<METAHTTP-EQUIV="Page-Exit"CONTENT="REVEALTRANS(Duration=5,Transition=8)">
</HEAD>
<BODYBGCOLOR=#99CCFF>
<CENTER><H2>顯示頁面的退出效果</H2>
<P><IMGSRC="3-10-2.jpg"WIDTH=400HEIGHT=200></P>
<AHREF=main.htm>返回</A>
</CENTER>
</BODY>
</HTML>
11）
<HTML>
<HEAD>
<TITLE>插入提交按鈕</TITLE>
</HEAD>
<BODY>
<H1>使用者調查</H1>
<FORMACTION=mailto:husong@elong.comMETHOD=getNAME=invest>
姓名：<INPUTTYPE="text"NAME="username"SIZE=20><BR>
網址：<INPUTTYPE="text"NAME="URL"SIZE=20MAXLENGTH=50VALUE="http://"><BR>
密碼：<INPUTTYPE="password"NAME="password"SIZE=20MAXLENGTH=8><BR>
確認密碼：<INPUTTYPE="password"NAME="password_confirm"SIZE=20MAXLENGTH=8><BR>
請上傳你的照片：<INPUTTYPE="file"NAME="File"><BR>
請選擇你喜歡的音樂：
<INPUTTYPE="Checkbox"NAME="M1"VALUE="rock"checked>搖滾樂
<INPUTTYPE="Checkbox"NAME="M2"VALUE="jazz">爵士樂
<INPUTTYPE="Checkbox"NAME="M2"VALUE="pop">流行樂<BR>
請選擇你居住的城市：
<INPUTTYPE="Radio"NAME="city"VALUE="beijing"checked>北京
<INPUTTYPE="Radio"NAME="city"VALUE="shanghai">上海
<INPUTTYPE="Radio"NAME="city"VALUE="nanjing">南京<BR>
<INPUTTYPE="Submit"NAME="Submit"VALUE="提交表單">
</FORM>
</BODY>
</HTML>
12)
<HTML>
<HEAD>
<TITLE>設定不允許調整框架尺寸</TITLE>
</HEAD>
<FRAMESETCOLS="50%,50%">
<FRAMESRC=sh1.htmNoResize>
<FRAMESRC=bj2.htmScrolling="Auto">
</FRAMESET>
</HTML>
13)
<HTML>
<HEAD>
<TITLE>不同方式的滾動文字</TITLE>
</HEAD>
<BODY>
<MARQUEEBehavior="Scroll">最新圖書：《超夢幻勁爆網頁MX完美結合》</MARQUEE>
<MARQUEEBehavior="Slide">最新圖書：《超夢幻勁爆網頁MX完美結合》</MARQUEE>
<MARQUEEBehavior="Alternate">最新圖書：《超夢幻勁爆網頁MX完美結合》</MARQUEE>
</BODY>
</HTML>
14)
<HTML>
<HEAD>
<TITLE>多媒體內容</TITLE>
</HEAD>
<BODY>
<EMBEDSRC=12-9-1.swfWIDTH=300HEIGHT=200></EMBED>
<P>
<EMBEDSRC=12-9-2.rmiWIDTH=300HEIGHT=200></EMBED>
</BODY>
</HTML>
15)
<HTML>
<Head>
<title>我的個人網頁</title>
</head>
<bodybackground=11.gif>
<form>
<palign=center><fontsize=5face=隸書>網頁設計大賽作品徵集表</p>
<tableborder=1align=center>
<tr>
<td>姓名<inputtype=textname=xmsize=10></td>
<td>EMAIL<inputtype=passwordsize=12name=mail></td>
</tr>
<tr>
<tdcolspan=2>性別<inputtype=radioname=sexvalue=男>男
<inputtype=radioname=sexvalue=女>女
</td>
</tr>
<tr>
<tdcolspan=2>
製作時間<select>
<optionvalue=2001>2001</option>
<optionvalue=2002>2002</option>
<optionvalue=2003>2003</option>
<optionvalue=2004>2004</option>
</select>年
<select>
<optionvalue=1>1</option>
<optionvalue=2>2</option>
<optionvalue=3>3</option>
<optionvalue=4>4</option>
<optionvalue=5>5</option>
<optionvalue=6>6</option>
<optionvalue=7>7</option>
<optionvalue=8>8</option>
<optionvalue=9>9</option>
<optionvalue=10>11</option>
<optionvalue=12>12</option>
</select>月
<select>
<optionvalue=1>1</option>
<optionvalue=2>2</option>
<optionvalue=3>3</option>
<optionvalue=4>4</option>
<optionvalue=5>5</option>
<optionvalue=6>6</option>
<optionvalue=7>7</option>
<optionvalue=8>8</option>
<optionvalue=9>9</option>
<optionvalue=10>10</option>
<optionvalue=11>11</option>
<optionvalue=12>12</option>
<optionvalue=13>13</option>
<optionvalue=14>14</option>
<optionvalue=15>15</option>
<optionvalue=16>16</option>
<optionvalue=17>17</option>
<optionvalue=18>18</option>
<optionvalue=19>19</option>
<optionvalue=20>20</option>
<optionvalue=21>21</option>
<optionvalue=22>22</option>
<optionvalue=23>23</option>
<optionvalue=24>24</option>
<optionvalue=25>25</option>
<optionvalue=26>26</option>
<optionvalue=27>27</option>
<optionvalue=28>28</option>
<optionvalue=29>29</option>
<optionvalue=30>30</option>
<optionvalue=31>31</option>
</select>日
</td>
</tr>
<tr>
<tdcolspan=2>
你使用的開發工具有:
</td>
</tr>
<tr>
<tdcolspan=2>
<inputtype=checkboxname=ts0value=onchecked>FRONTPAGE
<inputtype=checkboxname=ts1value=on>DREAMWEAVER
<inputtype=checkboxname=ts2value=on>JavaScript
<inputtype=checkboxname=ts3value=on>FLASH
</td>
</tr>
<tr>
<tdcolspan=2>網頁特色介紹</td>
</tr>
<tr>
<tdcolspan=2>
<textarearows=6cols=80name=prop>請寫出不超過200字的網站特色介紹</textarea>
</td></tr>
<tr>
<td><inputtype=submitvalue=傳送name=ss></td>
<td><inputtype=resetvalue=重填name=ct></td>
</tr>
</table>
</form>
</body>
</html>

 

 

相關文章