網(wǎng)頁設(shè)計習(xí)題（附參考答案）一、單選題（共30題，每題1分，共30分）1.URL的俗稱是什么？（）A、網(wǎng)頁B、超鏈接C、網(wǎng)址D、地址欄正確答案：C2.下列選項中，符合標(biāo)簽指定式選擇器的寫法要求的是（）。A、由兩個選擇器構(gòu)成，其中第一個為標(biāo)記選擇器，第二個為class選擇器或id選擇器，兩個選擇器之間不能有空格。B、由兩個選擇器構(gòu)成，其中第一個為標(biāo)記選擇器，第二個為class選擇器或id選擇器，兩個選擇器之間必須有空格。C、由兩個選擇器構(gòu)成，其中第一個為標(biāo)記選擇器，第二個必須為class選擇器，兩個選擇器之間不能有空格。D、由兩個選擇器構(gòu)成，其中第一個為標(biāo)記選擇器，第二個為id選擇器，兩個選擇器之間必須有空格。正確答案：A3.在網(wǎng)頁中插入圖像，若圖像文件位于html文件的上一級文件夾，則在文件名之前加入（）。A、../B、./C、../../D、/正確答案：A4.開發(fā)網(wǎng)頁的工具有多種，在實際工作中，最常用的的網(wǎng)頁制作工具是（）。A、EditplusB、notepad++C、sublimeD、Dreamweaver正確答案：D5.html的中文名稱是（）。A、擴(kuò)展語言B、超文本標(biāo)記C、超文本標(biāo)記語言D、超鏈接正確答案：C6.下列選項中，屬于并集選擇器書寫方式的是（）。A、h1p{}B、h1,p{}C、h1-p{}D、h1_p{}正確答案：B7.下列有關(guān)CSS樣式，說法正確的是（）。A、CSS樣式必須寫在一對<'style><'/style>標(biāo)簽內(nèi)部B、CSS用于設(shè)置HTML頁面中的文本內(nèi)容、圖片的外形以及版面的布局等外觀顯示樣式C、只有外部的CSS文件才是符合結(jié)構(gòu)與表現(xiàn)分離的特點D、目前流行的CSS版本為CSS3正確答案：B8.下面選項中，可以將HTML頁面的標(biāo)題設(shè)置為“傳智播客”的是（）。A、<'title>傳智播客<'/title>B、<'head>傳智播客<'/head>C、<'t>傳智播客<'/t>D、<'h>傳智播客<'/h>正確答案：A9.下列選項中，表示網(wǎng)頁主體的標(biāo)記是（）。A、htmlB、bodyC、h1D、head正確答案：B10.使用標(biāo)簽指定式選擇器，讓段落應(yīng)用class名為test的類，下列寫法正確的是（）。A、p,test{color:red;}B、p.test{color:red;}C、p#test{color:red;}D、p.test{color:red;}正確答案：D11.下列選項中，屬于定義有序列表的基本語法格式的是（）。A、<'ol><'li>列表項1<'/li><'li>列表項2<'/li>......<'/ol>B、<'ul>......<'/ul>C、<'ul><'li>列表項1<'/li><'li>列表項2<'/li>......<'/ul>D、<'ol>……<'/ol><'ol>……<'/ol><'ol>……<'/ol>正確答案：A12.當(dāng)通過定義列表實現(xiàn)圖文混排時，可以定義圖片解釋說明文字的標(biāo)記是（）。A、<'dt><'/dt>B、<'dl><'/dl>C、<'li><'/li>D、<'dd><'/dd>正確答案：D13.關(guān)于CSS的描述，下列說法正確的是（）。A、當(dāng)CSS作為獨立的文件時，必須以.html為后綴名B、CSS用于設(shè)置HTML頁面中的文本內(nèi)容、圖片的外形以及版面的布局等外觀顯示樣式。C、只有獨立的CSS文件才符合結(jié)構(gòu)與表現(xiàn)分離的特點D、目前流行的CSS版本為CSS3正確答案：B14.在定義列表中，用于對名詞進(jìn)行解釋和描述的標(biāo)記是（）。A、<'li><'/li>B、<'dl><'/dl>C、<'dd><'/dd>D、<'dt><'/dt>正確答案：C15.在Dreamweaver中，使用次瀏覽器預(yù)覽網(wǎng)頁的快捷鍵是（）。A、Ctrl+SB、F12C、F5D、Ctrl+F12正確答案：D16.當(dāng)通過定義列表實現(xiàn)圖文混排時，下列標(biāo)記中用于插入圖片的是（）。A、<'dl><'/dl>B、<'dt><'/dt>C、<'dd><'/dd>D、<'li><'/li>正確答案：B17.下面選項中，可以將HTML5頁面的標(biāo)題設(shè)置為“網(wǎng)頁設(shè)計”的是（）。A、<'head>網(wǎng)頁設(shè)計<'/head>B、<'t>網(wǎng)頁設(shè)計<'/t>C、<'title>網(wǎng)頁設(shè)計<'/title>D、<'h>網(wǎng)頁設(shè)計<'/h>正確答案：C18.<'div>標(biāo)記是網(wǎng)頁布局中最常用的標(biāo)記，其顯示類型為（）。A、行內(nèi)塊類型B、塊級類型C、行內(nèi)類型D、浮動類型正確答案：B19.對于網(wǎng)頁制作者來說web的含義是什么？（）A、可以簡單理解為網(wǎng)頁B、超媒體C、萬維網(wǎng)的縮寫D、傳輸協(xié)議正確答案：A20.下列選項中，不屬于文本標(biāo)記屬性的是（）。A、faceB、colorC、alignD、nbsp;正確答案：D21.在下列屬性中，用來定義文本字體的是（）。A、faceB、sizeC、colorD、align正確答案：A22.使用內(nèi)嵌式添加CSS樣式，CSS樣式需要寫在（）。A、<'title><'/title>標(biāo)記之間B、<'head><'/head>標(biāo)記之間C、<'body><'/body>標(biāo)記之間D、<'style><'/style>標(biāo)記之間正確答案：D23."頁面上的div標(biāo)簽，其HTML代碼為<'divid="box"class="red">文字<'/div>，為其設(shè)置CSS樣式如下:#box{color:blue;}.red{color:red;}那么，文字的顏色將顯示為（）。"A、紅色B、藍(lán)色C、黑色D、白色正確答案：B24.下面標(biāo)記中，表示換行的標(biāo)記是（）。A、<'enter>B、<'hr/>C、<'br/>D、<'h1>正確答案：C25.下列選項中，不屬于水平線標(biāo)記屬性的是（）。A、widthB、nbsp;C、sizeD、color正確答案：B26.WWW的中文簡稱是什么？（）A、傳輸協(xié)議B、萬維網(wǎng)C、瀏覽器D、超文本正確答案：B27.在CSS中，提供了字體樣式屬性來控制網(wǎng)頁中的字體。下面的字體樣式設(shè)置正確的是（）。正確答案：28.下列選項中，用于改變盒子模型外邊距的是（）。A、marginB、typeC、paddingD、border正確答案：A29.在下列屬性中，用來定義文本字體顏色的是（）。A、sizeB、colorC、faceD、align正確答案：B30.下面標(biāo)記中，用來顯示段落的標(biāo)記是（）。A、<'img/>B、<'br/>C、<'p>D、<'h1>正確答案：C二、多選題（共22題，每題1分，共22分）1.下列選項中，屬于定義有序列表相關(guān)屬性的是（）。A、valueB、backgroundC、startD、type正確答案：ACD2.HTML中文譯為“超文本標(biāo)記語言”，主要是通過HTML標(biāo)記對網(wǎng)頁中的（）等內(nèi)容進(jìn)行描述。A、文本B、圖片C、word文檔D、聲音正確答案：ABD3.關(guān)于內(nèi)邊距屬性的賦值方式，下列說法正確的是（）。A、padding:10px;表示盒子四個方向padding均為10pxB、padding:10px20px30px;表示上為10px，右20px，下30px，左0pxC、padding:10px20px;表示上下為10px，左右為20pxD、padding:10px20px30px40px;表示上右下左內(nèi)邊距分別為10px、20px、30px、40px正確答案：ACD4.關(guān)于定義無序列表的基本語法格式，以下描述正確的是（）。A、每對中至少應(yīng)包含一對<'li><'/li>。B、<'li><'/li>標(biāo)記嵌套在<'ul><'/ul>標(biāo)記中，用于描述具體的列表項。C、<'li>不可以放在一對<'ul><'/ul>標(biāo)記中。D、<'ul><'/ul>標(biāo)記用于定義無序列表。正確答案：ABD5.關(guān)于<'br/>標(biāo)記，下列說法正確的是（）。A、在代碼中，可以直接通過回車來實現(xiàn)換行效果，從而不用使用<'br/>標(biāo)記B、使用換行標(biāo)記<'br/>的段落可以實現(xiàn)強(qiáng)制換行的效果C、<'br/>標(biāo)記和<'p>標(biāo)記具有相同的語義D、<'br/>標(biāo)記可以連續(xù)使用，比如<'br/><'br/>正確答案：BD6.關(guān)于并集選擇器的描述，下列說法正確的是（）。A、并集選擇器的各個選擇器通過逗號連接B、并集選擇器用空格分隔C、并集選擇器把選中的元素設(shè)置成相同的樣式D、并集選擇器不能和其他選擇器一起使用正確答案：AC7.關(guān)于樣式代碼“padding:20px30px10px;”，下列說法正確的是（）。正確答案：8.下列選項中，說法正確的是（）。A、在HTML標(biāo)記中分為單標(biāo)記和雙標(biāo)記B、<'p><'/p>是一個雙標(biāo)記C、<'h2><'/h2>二級標(biāo)題是一個單標(biāo)記D、在HTML中還有一種特殊的標(biāo)記--注釋標(biāo)記正確答案：ABD9.下列樣式代碼中，用于定義盒子上邊框為2像素、單實線、灰色的是（）。A、border-top:2pxsolid#CCC;B、border-top:2pxdashed#CCC;C、border:2pxsolid#CCC;D、border-top-style:solid;border-top-width:2px;border-top-color:#CCC;正確答案：AD10.下面的選項中，支持透明的圖像是（）。A、psd格式B、png格式C、jpg格式D、gif格式正確答案：BD11.下面的選項中，定義字號大小正確的是（）。正確答案：12.關(guān)于定義無序列表的基本語法格式，以下描述正確的是（）。A、<'ul><'/ul>標(biāo)記用于定義無序列表。B、<'li><'/li>標(biāo)記嵌套在<'ul><'/ul>標(biāo)記中，用于描述具體的列表項。C、每對<'ul><'/ul>中至少應(yīng)包含一對<'li><'/li>。D、<'li>不可以定義type屬性，只能使用CSS樣式屬性代替。正確答案：ABC13.盒子模型有多個屬性，其中元素內(nèi)容與邊框之間的距離通常被稱為（）。A、內(nèi)填充B、內(nèi)邊距C、外填充D、外邊距正確答案：AB14.下列選項中，可清除元素默認(rèn)內(nèi)外邊距的是（）。A、padding:0;B、margin:0;C、line-height:0;D、font-size:0;正確答案：AB15.下列選項中，說法正確的是（）。A、<'p><'/p>是一個雙標(biāo)記B、<'h2><'/h2>二級標(biāo)題是一個單標(biāo)記C、在HTML標(biāo)記中分為單標(biāo)記和雙標(biāo)記D、在HTML中<'hr/>是單標(biāo)記正確答案：ACD16.下面選項中，屬于盒子模型主要屬性的是（）。A、borderB、paddingC、typeD、margin正確答案：ABD17.關(guān)于<'p>標(biāo)記，下列說法正確的是（）。A、<'p>標(biāo)記里面可以放置<'img/>標(biāo)記B、<'p>標(biāo)記負(fù)責(zé)給文本添加“段落”語義C、<'p>標(biāo)記可以嵌套使用，比如<'p><'p><'/p><'/p>D、<'p>標(biāo)記里面可以放置<'h3>標(biāo)記正確答案：AB18.text-align屬性用于設(shè)置文本內(nèi)容的水平對齊，其可用屬性值有（）。A、middlemiddleB、rightC、leftD、center正確答案：BCD19.在CSS中，使用鏈入式引入CSS樣式表，要通過設(shè)置<'link/>標(biāo)簽的（）屬性。正確答案：20.適合在網(wǎng)絡(luò)上使用的圖片格式主要有（）。A、bmpB、jpgC、gjfD、png正確答案：BCD21.下列選項中，屬于邊框樣式常用屬性值的是（）。A、noneB、solidC、dottedD、dashed正確答案：ABCD22.下列選項中，屬于定義列表標(biāo)記的是（）。A、<'dl><'/dl>B、<'td><'/td>C、<'li><'/li>D、<'dd><'/dd>正確答案：AD三、判斷題（共49題，每題1分，共49分）1.在CSS代碼中，空格是不被解析的。因此，屬性的值和單位之間允許出現(xiàn)空格。A、正確B、錯誤正確答案：B2.創(chuàng)建圖像超鏈接時，在任何瀏覽器中，圖像都會添加邊框效果。A、正確B、錯誤正確答案：A3.無序列表的各個列表項之間，雖然沒有順序級別之分，但是存在主從關(guān)系。A、正確B、錯誤正確答案：B4.CSS非常靈活，既可以嵌入在HTML文檔中，也可以是一個單獨的外部文件。A、正確B、錯誤正確答案：A5.<'html>標(biāo)記標(biāo)志著HTML文檔的開始，<'/html>標(biāo)記標(biāo)志著HTML文檔的結(jié)束。A、正確B、錯誤正確答案：A6.導(dǎo)入式與鏈入式相同，都是針對外部樣式表文件的。對HTML頭部文檔應(yīng)用style標(biāo)記，并在<'style>標(biāo)記內(nèi)的開頭處使用@important語句，即可導(dǎo)入外部樣式表文件。A、正確B、錯誤正確答案：A7.外邊距屬性的取值不可以為負(fù)值。A、正確B、錯誤正確答案：B8.在HTML常用的三種列表中，定義列表的列表項前沒有任何項目符號。A、正確B、錯誤正確答案：A9.W3C最重要的工作是發(fā)展Web規(guī)范，對互聯(lián)網(wǎng)的發(fā)展和應(yīng)用起到了基礎(chǔ)性和根本性的支撐作用。A、正確B、錯誤正確答案：A10.URL（英文UniformResourceLocator的縮寫）中文譯為“統(tǒng)一資源定位符”。URL其實就是Web地址，俗稱“網(wǎng)址”。A、正確B、錯誤正確答案：A11.因為靜態(tài)網(wǎng)頁的訪問速度快，所以現(xiàn)在互聯(lián)網(wǎng)上的大部分網(wǎng)站都是由靜態(tài)網(wǎng)頁組成的。A、正確B、錯誤正確答案：B12.在HTML標(biāo)記中，<'h1>標(biāo)記屬于雙標(biāo)記。A、正確B、錯誤正確答案：A13.鏈入式最大的好處是同一個CSS樣式表可以被不同的HTML頁面鏈接使用。A、正確B、錯誤正確答案：A14.在Dreamweaver中，可以通過菜單欄中的【插入】→【HTML】→【特殊字符】選項直接插入相應(yīng)特殊字符的代碼。A、正確B、錯誤正確答案：A15.在HTML中，<'!DOCTYPE>文檔類型聲明可以省略不寫。A、正確B、錯誤正確答案：B16.使用并集選擇器定義樣式與對各個基礎(chǔ)選擇器單獨定義樣式效果完全不相同。A、正確B、錯誤正確答案：B17.在超鏈接中，如果暫時沒有確定鏈接目標(biāo)，通常將<'a>標(biāo)記的href屬性值定義為“*”。A、正確B、錯誤正確答案：B18.書寫CSS樣式時，多個屬性之間必須用英文狀態(tài)下的分號隔開，最后一個屬性后的分號可以省略。A、正確B、錯誤正確答案：A19.在圖像常用格式中，JPG是一種有損壓縮的圖像格式。A、正確B、錯誤正確答案：A20.在文本格式化標(biāo)記中，<'s><'/s>和<'del><'/del>都用來給文本添加下劃線。A、正確B、錯誤正確答案：B21.標(biāo)簽指定式選擇器又稱并集選擇器，是各個選擇器通過逗號連接而成的。A、正確B、錯誤正確答案：B22.盒子模型中，外邊距合并問題是IE6獨有的一個BUG，需要專門解決。A、正確B、錯誤正確答案：B23.有序列表即為有排列順序的列表，<'ol><'/ol>標(biāo)記用于定義有序列表。A、正確B、錯誤正確答案：A24.<'hr/>為單標(biāo)記，用于定義一條水平線。A、正確B、錯誤正確答案：A25.使用回車鍵換行的段落可以實現(xiàn)強(qiáng)制換行的效果。A、正確B、錯誤正確答案：B26.不可以針對不同的瀏覽器設(shè)置不同的CSS樣式。A、正確B、錯誤正確答案：B27.body元素設(shè)置字號屬性時，標(biāo)題文本不會采用這個樣式，說明標(biāo)題標(biāo)記沒有繼承文本字號，不具有繼承性。A、正確B、錯誤正確答案：B28.使用復(fù)合屬性padding定義內(nèi)邊距時，必須按順時針順序采用值復(fù)制，一個值為四邊、兩個值為上下/左右，三個值為上/左右/下。A、正確B、錯誤正確答案：A29.行內(nèi)元素和塊元素可以相互嵌套。A、正確B、錯誤正確答案：B30.清除鏈接圖像的邊框效果，是為了使圖像正常顯示。A、正確B、錯誤正確答案：A31.內(nèi)嵌式CSS樣式用<'style>標(biāo)記定義，<'style>標(biāo)記一般位于<'head>標(biāo)記中<'title>標(biāo)記之后，也可以把它放在HTML文檔的任何地方。A、正確B、錯誤正確答案：A32.在HTM語言中，創(chuàng)建錨點鏈接和創(chuàng)建超鏈接的方式相同。A、正確B、錯誤正確答案：B33.標(biāo)簽指定式選擇器又稱交集選擇器，由兩個選擇器構(gòu)成，它們之間用空格隔開。A、正確B、錯誤正確答案：B34.font-fami