HTML期末復(fù)習(xí)試題與參考題答案

HTML期末復(fù)習(xí)試題與參考題答案....HTML期末復(fù)習(xí)題（含答案）第1題判斷正誤（1）HTML標(biāo)記符的屬性一般不區(qū)分大小寫。（對(duì)）（2）網(wǎng)站就是一個(gè)鏈接的頁(yè)面集合。（對(duì)）（3）將網(wǎng)頁(yè)上傳到Internet時(shí)通常采用FTP方式。（對(duì)）（4）所有的HTML標(biāo)記符都包括開始標(biāo)記符和結(jié)束標(biāo)記符。（錯(cuò)）（5）用H1標(biāo)記符修飾的文字通常比用H6標(biāo)記符修飾的要小（錯(cuò)）。（6）B標(biāo)記符表示用粗體顯示所包括的文字。（對(duì)）（7）GIF格式的圖象最多可以顯示256種顏色。（對(duì)）（8）HTML表格在默認(rèn)情況下有邊框。（錯(cuò)）（9）創(chuàng)建圖象映射時(shí)，理論上可以指定任何形狀作為熱點(diǎn)。（對(duì)）（10）指定滾動(dòng)字幕時(shí)，不允許其中嵌入圖象。（錯(cuò)）1.使用FONT標(biāo)記符的size屬性可以指定字體的大小。()2.網(wǎng)站就是一個(gè)鏈接的頁(yè)面集合。()3.GIF格式的圖象最多可以顯示1024種顏色。()4.制作圖像映射只需要使用<AREA>標(biāo)記符。()5.在HTML表格中，表格的列數(shù)等于第一行中TH與TD的colspan屬性的和。()6.在HTML表格中，在TR、TD或TH標(biāo)記符中使用align屬性可以控制單元格內(nèi)容的垂直對(duì)齊。()7.指定滾動(dòng)字幕時(shí)，不允許其中嵌入圖象。()8.框架是一種能在同一個(gè)瀏覽器窗口中顯示多個(gè)網(wǎng)頁(yè)的技術(shù)。()9.CSS中的color屬性用于設(shè)置HTML元素的背景顏色。()10.CSS樣式表項(xiàng)的組成格式為：selector{property1:value1,property2:value2,……}()1.T2.T3.F4.F5.F6.T7.F8.T9.F10.F第2題單選題（20分）（1）WWW是的意思。答案：BHTML期末復(fù)習(xí)試題與參考題答案全文共11頁(yè)，當(dāng)前為第1頁(yè)。A．網(wǎng)頁(yè)B．萬維網(wǎng)C．瀏覽器D．超文本傳輸協(xié)議HTML期末復(fù)習(xí)試題與參考題答案全文共11頁(yè)，當(dāng)前為第1頁(yè)。（2）在網(wǎng)頁(yè)中顯示特殊字符，如果要輸入“<”，應(yīng)使用_________。答案：DA．lt;B．≪C．<D．<（3）以下有關(guān)列表的說法中，錯(cuò)誤的是：。答案：DA．有序列表和無序列表可以互相嵌套。B．指定嵌套列表時(shí)，也可以具體指定項(xiàng)目符號(hào)或編號(hào)樣式。C．無序列表應(yīng)使用UL和LI標(biāo)記符進(jìn)行創(chuàng)建。D．在創(chuàng)建列表時(shí)，LI標(biāo)記符的結(jié)束標(biāo)記符不可省略。（4）以下關(guān)于FONT標(biāo)記符的說法中，錯(cuò)誤的是：答案：DA．可以使用color屬性指定文字顏色。B．可以使用size屬性指定文字大?。ㄒ簿褪亲痔?hào)）。C．指定字號(hào)時(shí)可以使用1~7的數(shù)字。D．語句<FONTsize="+2">這里是2號(hào)字</FONT>將使文字以2號(hào)字顯示。（5）以下關(guān)于JPEG圖像格式中，錯(cuò)誤的是：答案：BA．適合表現(xiàn)真彩色的照片。B．最多可以指定1024種顏色。C．不能設(shè)置透明度。D．可以控制壓縮比例。（6）如果要在表單里創(chuàng)建一個(gè)普通文本框，以下寫法中正確的是：。答案：AA．<INPUT>B．<INPUTtype="password">C．<INPUTtype="checkbox">D．<INPUTtype="radio">（7）以下有關(guān)表單的說明中，錯(cuò)誤的是：。答案：CA．表單通常用于搜集用戶信息。B．在FORM標(biāo)記符中使用action屬性指定表單處理程序的位置。C．表單中只能包含表單控件，而不能包含其他諸如圖片之類的內(nèi)容。D．在FORM標(biāo)記符中使用method屬性指定提交表單數(shù)據(jù)的方法。（8）在指定單選框時(shí)，只有將以下屬性的值指定為相同，才能使它們成為一組。答案：BA．typeB．nameC．valueD．checked（9）創(chuàng)建選項(xiàng)菜單應(yīng)使用以下標(biāo)記符：。答案：AA．SELECT和OPTIONB．INPUT和LABELC．INPUTD．INPUT和OPTION（10）以下有關(guān)按鈕的說法中，錯(cuò)誤的是：。答案：BA．可以用圖像作為提交按鈕。B．可以用圖像作為重置按鈕。C．可以控制提交按鈕上的顯示文字。D．可以控制重置按鈕上的顯示文字。1.以下關(guān)于FONT標(biāo)記符的說法中，錯(cuò)誤的是：。A.可以使用color屬性指定文字顏色。HTML期末復(fù)習(xí)試題與參考題答案全文共11頁(yè)，當(dāng)前為第2頁(yè)。B.可以使用size屬性指定文字大?。ㄒ簿褪亲痔?hào)）。HTML期末復(fù)習(xí)試題與參考題答案全文共11頁(yè)，當(dāng)前為第2頁(yè)。C.指定字號(hào)時(shí)可以使用1~7的數(shù)字。D.語句<FONTsize="+2">這里是2號(hào)字</FONT>將使文字以2號(hào)字顯示。2.以下有關(guān)列表的說法中，錯(cuò)誤的是：。A.有序列表和無序列表可以互相嵌套。B.指定嵌套列表時(shí)，也可以具體指定項(xiàng)目符號(hào)或編號(hào)樣式。C.無序列表應(yīng)使用UL和LI標(biāo)記符進(jìn)行創(chuàng)建。D.在創(chuàng)建列表時(shí)，LI標(biāo)記符的結(jié)束標(biāo)記符不可省略。3.要在表單里創(chuàng)建一個(gè)普通文本框，以下寫法中正確的是：。A.<INPUT>B.<INPUTtype="password">C.<INPUTtype="checkbox">D.<INPUTtype="radio">4.要?jiǎng)?chuàng)建一個(gè)左右框架，右邊框架寬度是左邊框架的3倍，以下HTML語句正確的是：。A.<FRAMESETcols="*,2*">B.<FRAMESETcols="*,3*">C.<FRAMESETrows="*,2*">D.<FRAMESETrows="*,3*">5.以下說法中，正確的是：。A.在IMG標(biāo)記符中使用align屬性，可以控制圖象在頁(yè)面中的對(duì)齊。B.在IMG標(biāo)記符中使用align屬性，可以控制圖象與文字的環(huán)繞效果。C.在IMG標(biāo)記符中使用valign屬性，可以控制圖象與周圍內(nèi)容的垂直對(duì)齊。D.在IMG標(biāo)記符中使用valign屬性，可以控制圖象與周圍內(nèi)容的水平對(duì)齊。1.D2.D3.A4.B5.B第3題填空題（20分，每空2分，請(qǐng)將答案寫在“填空”后面的空中）（1）如果要為網(wǎng)頁(yè)指定黑色的背景顏色，應(yīng)使用以下html語句：<body①>（2）<hrwidth=50%>表示創(chuàng)建一條②的水平線。（3）在OL標(biāo)記符中，使用③屬性可以控制有序列表的數(shù)字序列樣式。（4）請(qǐng)至少說明GIF格式的兩種特點(diǎn)：④；⑤。（5）請(qǐng)至少說出兩種以上的圖像處理軟件的名稱：⑥。（6）如果要?jiǎng)?chuàng)建一個(gè)指向電子郵件someone@的超鏈接，代碼應(yīng)該如下：<a⑦>指向someone@的超鏈接</a>（7）在給圖象指定超鏈接時(shí)，默認(rèn)情況下總是會(huì)顯示藍(lán)色邊框，如果不想顯示藍(lán)色邊框，應(yīng)使用以下語句：<ahref=”test.htm”><imgsrc=image.gif⑧></a>HTML期末復(fù)習(xí)試題與參考題答案全文共11頁(yè)，當(dāng)前為第3頁(yè)。（8）在指定頁(yè)內(nèi)超鏈接的時(shí)候，如果在某一個(gè)位置使用了<a⑨="target1">錨點(diǎn)</a>語句定義了錨點(diǎn)，那么應(yīng)使用以下語句，以便在單擊超鏈接時(shí)跳轉(zhuǎn)到錨點(diǎn)定義的位置：<ahref=⑩>錨點(diǎn)鏈接</a>HTML期末復(fù)習(xí)試題與參考題答案全文共11頁(yè)，當(dāng)前為第3頁(yè)。（9）上網(wǎng)瀏覽網(wǎng)頁(yè)時(shí)，應(yīng)使用作為客戶端程序。答案：瀏覽器（10）TITLE標(biāo)記符應(yīng)位于標(biāo)記符之間。答案：HEAD1.如果要為網(wǎng)頁(yè)指定黑色的背景顏色，應(yīng)使用以下html語句：<body①>2.<hrwidth=50%>表示創(chuàng)建一條②的水平線。3.要設(shè)置一條一像素粗、200像素長(zhǎng)的左對(duì)齊的水平線，應(yīng)使用③語句。4.請(qǐng)至少說明GIF格式的兩種特點(diǎn)：④；⑤。5.請(qǐng)至少說出兩種以上的圖像處理軟件的名稱：⑥、⑦。6.要控制單元格內(nèi)容與表格框線之間的空白，應(yīng)在TABLE標(biāo)記符中使用屬性⑧。7.要在表單中添加一個(gè)默認(rèn)時(shí)為選中狀態(tài)的復(fù)選框，應(yīng)使用語句⑨。8.要在HTML標(biāo)記符中直接嵌入樣式，應(yīng)使用標(biāo)記符的⑩屬性。①bgcolor="black"②長(zhǎng)度為瀏覽器窗口寬度一半的水平線③<hrsize=1width=200align=left>④⑤支持透明色、支持動(dòng)畫、無損壓縮、最多包含256種顏色等⑥⑦fireworks、flash、photoshop等⑧cellpadding⑨<inputtype=checkboxchecked>⑩style第4題問答題（20分）1.簡(jiǎn)要說明表格與框架在網(wǎng)頁(yè)布局時(shí)的區(qū)別。答：①表格是在同一個(gè)網(wǎng)頁(yè)中將頁(yè)面劃分為不同區(qū)域；②框架是在同一個(gè)瀏覽器窗口中顯示多個(gè)網(wǎng)頁(yè)；③框架可以通過指定超鏈接的目標(biāo)框架獲得交互式的布局效果。2.在網(wǎng)頁(yè)設(shè)計(jì)中使用圖像時(shí)應(yīng)注意那些問題。答：文件大??；數(shù)量和質(zhì)量；動(dòng)畫。（需要展開回答）3.舉例說明在網(wǎng)頁(yè)中使用CSS樣式表的三種方式（都使用對(duì)p標(biāo)記符應(yīng)用color屬性為例），并簡(jiǎn)要分析各自的特點(diǎn)。提示：LINK標(biāo)記符的用法：<LINKrel=“stylesheet”type=“text/css”href=“”>答：要點(diǎn)：（需要展開）①在標(biāo)記符中直接嵌套樣式信息，例如，p<style=“color:red”>紅色顯示的段落文本</p>；優(yōu)點(diǎn)是可以單獨(dú)指定特定部分的樣式，缺點(diǎn)是不利于維護(hù)。②在style標(biāo)記符中指定樣式信息，例如<style>p{color:red}</style>優(yōu)點(diǎn)是能對(duì)單獨(dú)網(wǎng)頁(yè)進(jìn)行很好的格式控制和維護(hù)，缺點(diǎn)是不利于多個(gè)網(wǎng)頁(yè)的維護(hù)。HTML期末復(fù)習(xí)試題與參考題答案全文共11頁(yè)，當(dāng)前為第4頁(yè)。③鏈接外部樣式表中的樣式信息，例如，在當(dāng)前網(wǎng)頁(yè)目錄中包括以下mycss.css文件：HTML期末復(fù)習(xí)試題與參考題答案全文共11頁(yè)，當(dāng)前為第4頁(yè)。p{color:red}然后在網(wǎng)頁(yè)中用以下代碼<LINKrel=“stylesheet”type=“text/css”href=“”>。優(yōu)點(diǎn)是利于維護(hù)多個(gè)網(wǎng)頁(yè)，缺點(diǎn)是不利于控制單獨(dú)頁(yè)面中的個(gè)別部分。第5題綜合題（30分）1、編寫出實(shí)現(xiàn)如圖所示頁(yè)面效果的關(guān)鍵html代碼。其中，A、B、C、D、E均為默認(rèn)字號(hào)和默認(rèn)字體，并且加粗顯示，它們都位于各自單元格的正中間，A單元格的高度為200像素，B單元格的高度為100像素，C單元格的寬度為100像素，高度為200像素。（10分）答題要點(diǎn)（標(biāo)記符是否大小寫沒有關(guān)系）：<tablewidth=300border="1"align=center><tr><tdrowspan="2"align="center"><b>A</b><tdcolspan="2"height="100"align="center"><b>B</b><tralign="center"><tdheight="100"><b>E</b><tdrowspan="2"><b>C</b><tralign=center><tdcolspan="2"height="100"><b>D</b></td></tr></table>評(píng)分要點(diǎn)：（不一定要與參考答案完全一致，只要最后能顯示出效果即可。）（1）正確地寫出了表格的行列結(jié)構(gòu)，給4分。HTML期末復(fù)習(xí)試題與參考題答案全文共11頁(yè)，當(dāng)前為第5頁(yè)。（2）正確地設(shè)置了表格各單元格大小，給2分。HTML期末復(fù)習(xí)試題與參考題答案全文共11頁(yè)，當(dāng)前為第5頁(yè)。（2）設(shè)置了表格的邊框和居中對(duì)齊，給2分。（3）設(shè)置了表格行或單元格的水平居中（垂直居中不用設(shè)置，如果設(shè)置了也不加分），給1分。（4）正確地指定了粗體，給1分。2、已知頁(yè)面效果如圖所示（其中的細(xì)線效果均為一像素粗細(xì)，顏色為黑色），請(qǐng)?zhí)顚懸韵耯tml代碼中留下的空白（編號(hào)相同的空白表示應(yīng)填寫相同的內(nèi)容），注意填寫在題后的空白里。（10分）<TABLEcellspacing=（1）cellpadding=（2）align="center"><TRheight="100"><TDwidth="100"> <TDwidth="1"（3）><TDwidth="600"><H1align="center"><FONT（4）="楷體_gb2312">如夢(mèng)令</FONT></H1><TR（5）="1"><TDcolspan="3"（3）><TRheight="600"><TDwidth="100"> <TDwidth="1"（3）><TDwidth="600"align="middle"valign="top"><H3><BR><BR>昨夜雨疏風(fēng)驟，<BR>濃睡不消殘酒。<BR>試問卷簾人，<BR>卻道海棠依舊。<BR>知否？知否？<BR>應(yīng)是綠肥紅瘦。</H3></TABLE>（1）（2）（3）（4）（5）答案：（1）0（有無引號(hào)均對(duì)）HTML期末復(fù)習(xí)試題與參考題答案全文共11頁(yè)，當(dāng)前為第6頁(yè)。（2）0（有無引號(hào)均對(duì)）HTML期末復(fù)習(xí)試題與參考題答案全文共11頁(yè)，當(dāng)前為第6頁(yè)。（3）bgcolor=black或bgcolor=#000000（屬性值有無引號(hào)均對(duì)）（4）face（5）height3、已知源代碼如下所示（共5個(gè)文件，都位于同一目錄下），請(qǐng)用文字或示意圖（也可結(jié)合使用）說明網(wǎng)頁(yè)效果。（10分）-------------------index.htm-----------------<HTML><HEAD><TITLE>框架結(jié)構(gòu)</TITLE></HEAD><FRAMESETcols="150,*"><FRAMEsrc="content.htm"><FRAMEsrc="main.htm"name="content"></FRAMESET></HTML>---------------content.htm-------------------<HTML><HEAD><TITLE>目錄</TITLE><STYLE>A{text-decoration:none}</STYLE></HEAD><BODY><Ahref=file1.htmtarget="content">文件1</A><P><Ahref=file2.htmtarget="_blank">文件2</A></BODY></HTML>---------------main.htm---------------------<HTML>內(nèi)容</HTML>----------file1.htm------------<HTML>內(nèi)容1</HTML>----------file2.htm------------<HTML>內(nèi)容2</HTML>參考答案：HTML期末復(fù)習(xí)試題與參考題答案全文共11頁(yè)，當(dāng)前為第7頁(yè)。要點(diǎn)1：分為左右兩框，左邊框架為150像素（2分），內(nèi)容為包含兩個(gè)超鏈接的頁(yè)面（1分），并且超鏈接沒有下劃線（1分），右邊框架內(nèi)容為“內(nèi)容”（1分），整個(gè)網(wǎng)頁(yè)的標(biāo)題為“框架結(jié)構(gòu)”（1分）。如果是示意圖，應(yīng)類似下圖。HTML期末復(fù)習(xí)試題與參考題答案全文共11頁(yè)，當(dāng)前為第7頁(yè)。要點(diǎn)2：?jiǎn)螕糇筮吙蚣苤械摹拔募?”超鏈接，將在右邊框架中顯示“內(nèi)容1”（2分），單擊左邊框架中的“文件2”超鏈接，將在一個(gè)新窗口中顯示“內(nèi)容2”（2分）。4、已知網(wǎng)頁(yè)初始效果如圖所示，整個(gè)窗口分為左右兩框，左邊框架為150像素；單擊左邊框架中的“文件1”超鏈接，將在右邊框架中顯示“內(nèi)容1”；單擊左邊框架中的“文件2”超鏈接，將在當(dāng)前整個(gè)窗口中顯示“內(nèi)容2”（即框架結(jié)構(gòu)消失）。所有的超鏈接均沒有下劃線。請(qǐng)?zhí)顚懸韵略创a中的空白。注意：所有5個(gè)文件都位于同一目錄下。（10分）-------------------index.htm-----------------<HTML><HEAD><TITLE>框架結(jié)構(gòu)</TITLE></HEAD><FRAMESET（1）=（2）><FRAMEsrc="content.htm"><FRAMEsrc="main.htm"name=（3）></FRAMESET></HTML>---------------content.htm-------------------HTML期末復(fù)習(xí)試題與參考題答案全文共11頁(yè)，當(dāng)前為第8頁(yè)。<HTML>HTML期末復(fù)習(xí)試題與參考題答案全文共11頁(yè)，當(dāng)前為第8頁(yè)。<HEAD><TITLE>目錄</TITLE><STYLE>（4）{text-decoration:none}</STYLE></HEAD><BODY><Ahref=file1.htmtarget="content">文件1</A><P><Ahref=file2.htmtarget=（5）>文件2</A></BODY></HTML>---------------main.htm---------------------<HTML>內(nèi)容</HTML>----------file1.htm------------<HTML>內(nèi)容1</HTML>----------file2.htm------------<HTML>內(nèi)容2</HTML>答案：（1）cols（2）"150,*"（3）content（4）A（大小寫均可）（5）"_top"1.已知網(wǎng)頁(yè)如下圖所示，請(qǐng)將代碼填寫完整。<FORM>請(qǐng)輸入姓名：<INPUT><P>請(qǐng)輸入