網(wǎng)頁設(shè)計(jì)習(xí)題+參考答案

網(wǎng)頁設(shè)計(jì)習(xí)題+參考答案一、單選題（共30題，每題1分，共30分）1.在Dreamweaver中，使用次瀏覽器預(yù)覽網(wǎng)頁的快捷鍵是（）。A、Ctrl+SB、F12C、F5D、Ctrl+F12正確答案：D2.關(guān)于內(nèi)嵌式CSS樣式的語法格式中，下列選項(xiàng)正確的是（）。A、選擇器{k:v;k:v;k:v;}B、選擇器{k:v,k:v,k:v,}C、選擇器{k,v;k,v;k,v;}D、選擇器{k->v;k->v;k->v;}正確答案：A3.在HTML文檔頭部標(biāo)記中，使用<'meta>標(biāo)記的name和content屬性可以為搜索引擎提供信息。設(shè)置網(wǎng)頁描述的name屬性值應(yīng)該為（）。A、descriptionB、charsetC、keywordsD、expires正確答案：A4.下面的選項(xiàng)中，屬于常用的圖片格式并且能夠做動(dòng)畫的是（）。A、psd格式B、png格式C、jpg格式D、gif格式正確答案：D5.下列選項(xiàng)中，表示網(wǎng)頁主體的標(biāo)記是（）。A、headB、h1C、bodyD、html正確答案：C6.關(guān)于行內(nèi)式引入CSS樣式表，以下書寫正確的是（）。正確答案：7.網(wǎng)頁中的圖像文件位于html文件的下一級文件夾img下，則以下CSS書寫正確的是（）。正確答案：8.開發(fā)網(wǎng)頁的工具有多種，在實(shí)際工作中，最常用的的網(wǎng)頁制作工具是（）。A、EditplusB、notepad++C、sublimeD、Dreamweaver正確答案：D9.在下列選項(xiàng)中，對代碼“margin:10px020px;”解釋正確的是（）。A、上間距10px，左間距0，右下間距20pxB、上間距10px，左間距0，右間距20pxC、上間距10px，左右間距0，下間距20pxD、上下間距10px，左間距0，右間距20px正確答案：C10.位于HTML文檔的最前面，用于向?yàn)g覽器說明當(dāng)前文檔使用哪種HTML或XHTML標(biāo)準(zhǔn)規(guī)范的標(biāo)記是（）。A、<'!DOCTYPE>B、<'head><'/head>C、<'title><'/title>D、<'html><'/html>正確答案：A11.以下屬性中，不能增加盒子尺寸的屬性是（）。A、text-decorationB、widthC、paddingD、height正確答案：A12."頁面上的div標(biāo)簽，其HTML代碼為<'divid="box"class="red">文字<'/div>，為其設(shè)置CSS樣式如下:#box{color:blue;}.red{color:red;}那么，文字的顏色將顯示為（）。"A、紅色B、藍(lán)色C、黑色D、白色正確答案：B13.下列選項(xiàng)中，用于改變盒子模型外邊距的是（）。A、paddingB、marginC、typeD、border正確答案：B14.在HTML中，表示內(nèi)嵌CSS樣式的標(biāo)記是（）。A、<'title>B、<'style>C、<'head>D、<'meta>正確答案：B15.在HTML文檔頭部標(biāo)記中，使用<'meta>標(biāo)記的name和content屬性可以為搜索引擎提供信息。設(shè)置網(wǎng)頁關(guān)鍵字的name屬性值應(yīng)該為（）。A、descriptionB、keywordsC、charsetD、expires正確答案：B16.下列選項(xiàng)中哪個(gè)表示無序列表？（）A、<'li><'/li>B、<'dd><'/dd>C、<'ol><'/ol>D、<'ul><'/ul>正確答案：D17.下列選項(xiàng)中，不是<'img/>標(biāo)記屬性的是（）。A、altB、hrefC、srcD、width正確答案：B18.下列選項(xiàng)中，屬于定義有序列表的基本語法格式的是（）。A、<'ol><'li>列表項(xiàng)1<'/li><'li>列表項(xiàng)2<'/li>......<'/ol>B、<'ul>......<'/ul>C、<'ul><'li>列表項(xiàng)1<'/li><'li>列表項(xiàng)2<'/li>......<'/ul>D、<'ol>……<'/ol><'ol>……<'/ol><'ol>……<'/ol>正確答案：A19.下列選項(xiàng)中，用于更改元素左內(nèi)邊距的是（）。A、margin-leftB、text-indentC、padding-rightD、padding-left正確答案：D20.下面標(biāo)記中，表示換行的標(biāo)記是（）。A、<'enter>B、<'hr/>C、<'br/>D、<'h1>正確答案：C21.關(guān)于創(chuàng)建錨點(diǎn)鏈接的代碼，下列書寫正確的是（）。正確答案：22.使用標(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;}正確答案：A23.下列選項(xiàng)中哪個(gè)表示有序列表？（）A、<'dd><'/dd>B、<'li><'/li>C、<'ul><'/ul>D、<'ol><'/ol>正確答案：D24.下列有關(guān)CSS樣式，說法正確的是（）。A、CSS樣式必須寫在一對<'style><'/style>標(biāo)簽內(nèi)部B、CSS用于設(shè)置HTML頁面中的文本內(nèi)容、圖片的外形以及版面的布局等外觀顯示樣式C、只有外部的CSS文件才是符合結(jié)構(gòu)與表現(xiàn)分離的特點(diǎn)D、目前流行的CSS版本為CSS3正確答案：B25.以下標(biāo)示符中，用于設(shè)置頁面標(biāo)題的是（）。A、<'title>B、<'head>C、<'html>D、<'caption>正確答案：A26.在HTML中，網(wǎng)頁要顯示的主體內(nèi)容應(yīng)放置在（）。A、HTML中的任意位置B、<'body><'/body>標(biāo)記之間C、<'head><'/head>標(biāo)記之間D、<'title><'/title>標(biāo)記之間正確答案：B27."頁面上的div標(biāo)簽，其HTML代碼為<'divid="box"style="color:red">文字<'/div>，為其設(shè)置CSS樣式如下:#box{color:blue;}那么，文字的顏色將顯示為（）。"A、紅色B、藍(lán)色C、黑色D、以上選項(xiàng)都不正確正確答案：A28.當(dāng)<'p>標(biāo)記內(nèi)嵌套<'strong>標(biāo)記時(shí)，就可以使用后代選擇器對其中的<'strong>標(biāo)記進(jìn)行控制。下列寫法正確是（）。A、p.strong{color:red;}B、pstrong{color:red;}C、strongp{color:red;}D、strong,p{color:red;}正確答案：B29.定義有序列表<'ol>的（）屬性，可以決定有序列表項(xiàng)目符號(hào)的類型。A、typeB、relC、valueD、href正確答案：A30.下列選項(xiàng)中，表示網(wǎng)頁頭部信息的標(biāo)記是（）。A、pB、htmlC、bodyD、head正確答案：D二、多選題（共22題，每題1分，共22分）1.下列選項(xiàng)中，說法正確的是（）。A、在HTML標(biāo)記中分為單標(biāo)記和雙標(biāo)記B、在HTML中還有一種特殊的標(biāo)記--注釋標(biāo)記C、<'h2><'/h2>二級標(biāo)題是一個(gè)單標(biāo)記D、<'p><'/p>是一個(gè)雙標(biāo)記正確答案：ABD2.下面的選項(xiàng)中，支持透明的圖像是（）。A、psd格式B、gif格式C、png格式D、jpg格式正確答案：BC3.下列選項(xiàng)中，關(guān)于標(biāo)記選項(xiàng)說法正確的是（）。A、在HTML標(biāo)記中，“屬性”和“屬性值”是以“鍵值對”的形式出現(xiàn)的B、在嵌套結(jié)構(gòu)中，HTML元素的樣式總是遵從“就近原則”C、在標(biāo)記的嵌套過程中，必須先結(jié)束最靠近內(nèi)容的標(biāo)記，再按照由外及內(nèi)的順序依次關(guān)閉標(biāo)記。D、標(biāo)記可以擁有多個(gè)屬性，屬性之間不分先后順序，屬性與屬性之間以空格分開正確答案：ABD4.文本樣式標(biāo)記<'font>可以設(shè)置的屬性有（）。A、sizeB、colorC、font-familyD、align正確答案：AB5.關(guān)于內(nèi)邊距屬性的賦值方式，下列說法正確的是（）。A、padding:10px;表示盒子四個(gè)方向padding均為10pxB、padding:10px20px30px;表示上為10px，右20px，下30px，左0pxC、padding:10px20px;表示上下為10px，左右為20pxD、padding:10px20px30px40px;表示上右下左內(nèi)邊距分別為10px、20px、30px、40px正確答案：ACD6.使塊級元素水平居中，需要遵循以下哪些條件？（）A、為元素設(shè)置寬度widthB、將元素左右外邊距的值設(shè)置為autoC、為元素設(shè)置高度heightD、使元素浮動(dòng)float正確答案：AB7.盒子模型有多個(gè)屬性，其中元素內(nèi)容與邊框之間的距離通常被稱為（）。A、外邊距B、內(nèi)邊距C、外填充D、內(nèi)填充正確答案：BD8.在無序列表中經(jīng)常設(shè)置type屬性，下列屬于type屬性值的是（）。A、circleB、pointerC、squareD、disc正確答案：ACD9.HTML中文譯為“超文本標(biāo)記語言”，主要是通過HTML標(biāo)記對網(wǎng)頁中的（）等內(nèi)容進(jìn)行描述。A、聲音B、圖片C、文本D、word文檔正確答案：ABC10.在下面的選項(xiàng)中，符合CSS基礎(chǔ)選擇器的語法格式的是（）。A、p{font-size:12px;}B、#myfont{font-weight:bold;}C、.green{color:green;}D、*{margin:0;padding:0;}正確答案：ABCD11.下列選項(xiàng)中，說法正確的是（）。A、<'h2><'/h2>二級標(biāo)題是一個(gè)單標(biāo)記B、<'p><'/p>是一個(gè)雙標(biāo)記C、在HTML中<'hr/>是單標(biāo)記D、在HTML標(biāo)記中分為單標(biāo)記和雙標(biāo)記正確答案：BCD12.關(guān)于樣式代碼“padding:20px30px10px;”，下列說法正確的是（）。正確答案：13.關(guān)于文本格式化標(biāo)記，下列說法正確的是（）。A、<'b><'/b>和<'strong><'/strong>，文字以粗體方式顯示（XHTML推薦使用strong）。B、<'i><'/i>和<'em><'/em>，文字以下劃線方式顯示（XHTML推薦使用em）。C、<'s><'/s>和<'del><'/del>，文字以加刪除線方式顯示（XHTML推薦使用del）。D、以上說法都正確。正確答案：AC14.在盒子模型中邊框是一個(gè)重要的屬性，下列選項(xiàng)中屬于邊框?qū)傩缘氖牵ǎ?。A、border-heightB、border-colorC、border-widthD、border-style正確答案：BCD15.關(guān)于HTML的描述，下列說法正確的是（）。A、HTML提供了許多標(biāo)記，用于對網(wǎng)頁內(nèi)容進(jìn)行描述B、初期的HTML在語法上很寬松C、目前最新的HTML版本是HTML5D、HTML是更嚴(yán)謹(jǐn)純凈的XHTML版本正確答案：ABC16.下列選項(xiàng)中，可用于定義背景顏色的是（）。A、background-color:#f00;B、background-color:red;C、background-color:rgb（255,0,0）;D、color:#f00;正確答案：ABC17.下列選項(xiàng)中，屬于單標(biāo)記的是（）。A、<'br/>B、<'p>C、<'h2><'/h2>D、<'hr/>正確答案：AD18.下面選項(xiàng)中，屬于盒子模型主要屬性的是（）。A、marginB、borderC、paddingD、type正確答案：ABC19.下面選項(xiàng)中，屬于盒子模型基本屬性的是（）。A、寬和高B、內(nèi)邊距C、外邊距D、邊框正確答案：ABCD20.HTML中文譯為“超文本標(biāo)記語言”，主要是通過HTML標(biāo)記對網(wǎng)頁中的（）等內(nèi)容進(jìn)行描述。A、圖片B、文本C、數(shù)據(jù)D、聲音正確答案：ABD21.下面選項(xiàng)中，屬于網(wǎng)頁構(gòu)成元素的是（）。A、文字B、視頻C、psd文件D、音頻正確答案：ABD22.下列選項(xiàng)中，可清除元素默認(rèn)內(nèi)外邊距的是（）。A、padding:0;B、font-size:0;C、margin:0;D、line-height:0;正確答案：AC三、判斷題（共49題，每題1分，共49分）1.CSS樣式中的注釋“/**/”中的內(nèi)容，瀏覽器不會(huì)解析，主要是用于提示初學(xué)者。A、正確B、錯(cuò)誤正確答案：A2.在CSS中border屬性是一個(gè)復(fù)合屬性。A、正確B、錯(cuò)誤正確答案：A3.實(shí)際網(wǎng)頁制作過程中，最常用的網(wǎng)頁制作工具是Dreamweaver。A、正確B、錯(cuò)誤正確答案：A4.設(shè)置訪問前超鏈接的樣式，需要為<'a>標(biāo)簽添加鏈接偽類樣式：a:visited。A、正確B、錯(cuò)誤正確答案：B5.在<'meta>標(biāo)記中使用name屬性提供搜索內(nèi)容名稱。設(shè)置網(wǎng)頁關(guān)鍵字時(shí)，name的值為keywords。A、正確B、錯(cuò)誤正確答案：A6.在HTML常用的三種列表中，定義列表的列表項(xiàng)前沒有任何項(xiàng)目符號(hào)。A、正確B、錯(cuò)誤正確答案：A7.寬度屬性width和高度屬性height對塊元素?zé)o效。A、正確B、錯(cuò)誤正確答案：B8.<'html>標(biāo)記標(biāo)志著HTML文檔的開始，<'/html>標(biāo)記標(biāo)志著HTML文檔的結(jié)束。A、正確B、錯(cuò)誤正確答案：A9.使用復(fù)合屬性padding定義內(nèi)邊距時(shí)，必須按順時(shí)針順序采用值復(fù)制，一個(gè)值為四邊、兩個(gè)值為上下/左右，三個(gè)值為上/左右/下。A、正確B、錯(cuò)誤正確答案：A10.如果需要在后代選擇器中加入更多的元素，只需在元素之間加上逗號(hào)即可。A、正確B、錯(cuò)誤正確答案：B11.鏈入式是使用頻率最高，也最實(shí)用的CSS樣式表，它將HTML代碼與CSS代碼分離為兩個(gè)或多個(gè)文件，實(shí)現(xiàn)了結(jié)構(gòu)和表現(xiàn)的完全分離。A、正確B、錯(cuò)誤正確答案：A12.W3C最重要的工作是發(fā)展Web規(guī)范，對互聯(lián)網(wǎng)的發(fā)展和應(yīng)用起到了基礎(chǔ)性和根本性的支撐作用。A、正確B、錯(cuò)誤正確答案：A13.DNS（英文DomainNameSystem的縮寫）是域名解析系統(tǒng)。但是，在Internet上域名與IP地址之間并不是對應(yīng)的。A、正確B、錯(cuò)誤正確答案：B14.<'p>是HTML文檔中最常見的標(biāo)記，文本在一個(gè)段落中會(huì)根據(jù)瀏覽器窗口的大小自動(dòng)換行。A、正確B、錯(cuò)誤正確答案：A15.在圖像常用格式中，GIF只能處理256種顏色。A、正確B、錯(cuò)誤正確答案：A16.錨點(diǎn)鏈接就是帶有id屬性的超鏈接標(biāo)簽。A、正確B、錯(cuò)誤正確答案：A17.超鏈接是指從一個(gè)網(wǎng)頁指向一個(gè)目標(biāo)的連接關(guān)系。A、正確B、錯(cuò)誤正確答案：A18.導(dǎo)入式與鏈入式相同，都是針對外部樣式表文件的。A、正確B、錯(cuò)誤正確答案：A19.<'s>和<'del>都可以使文字以加刪除線的方式顯示（XHTML推薦使用<'s>）。A、正確B、錯(cuò)誤正確答案：B20.<'title>與<'/title>標(biāo)記之間，用于輸入HTML文檔的標(biāo)題。A、正確B、錯(cuò)誤正確答案：A21.列表的嵌套通常是指有序列表和無序列表的嵌套，因此定義列表不能用在列表的嵌套中。A、正確B、錯(cuò)誤正確答案：B22.行內(nèi)式CSS樣式是通過標(biāo)記的屬性來控制樣式的，沒有做到結(jié)構(gòu)與表現(xiàn)的分離，所以一般很少使用。A、正確B、錯(cuò)誤正確答案：A23.瀏覽器中顯示的所有文本、圖像、音頻和視頻等信息都必須位于<'body>標(biāo)記內(nèi)。A、正確B、錯(cuò)誤正確答案：A24.在文本格式化標(biāo)記中，<'s><'/s>和<'del><'/del>都用來給文本添加下劃線。A、正確B、錯(cuò)誤正確答案：B25.標(biāo)簽指定式選擇器又稱并集選擇器，是各個(gè)選擇器通過逗號(hào)連接而成的。A、正確B、錯(cuò)誤正確答案：B26.在CSS中設(shè)置邊框綜合屬性時(shí)，各個(gè)屬性的值之間需要使用空格隔開。A、正確B、錯(cuò)誤正確答案：A27.在CSS代碼中，空格是不被解析的。因此，屬性的值和單位之間允許出現(xiàn)空格。A、正確B、錯(cuò)誤正確答案：B28.在HTML頁面中，帶有“<'>”符號(hào)的元素被稱為HTML標(biāo)記。A、正確B、錯(cuò)誤正確答案：A29.一個(gè)HTML文檔中，可以有多個(gè)<'h1>標(biāo)記。A、正確B、錯(cuò)誤正確答案：B30.<'p>標(biāo)記中，可以插入<'h1>~<'h6>系列標(biāo)記。A、正確B、錯(cuò)誤正確答案：B31.每個(gè)元素都必須定義內(nèi)邊距、邊框、外邊距等盒子模型的基本屬性。A、正確B、錯(cuò)誤正確答案：B32.書寫CSS樣式時(shí)，多個(gè)屬性之間必須用英文狀態(tài)下的分號(hào)隔開，最后一個(gè)屬性后的分號(hào)可以省略。A、正確B、錯(cuò)誤正確答案：A33.CSS基礎(chǔ)選擇器僅有三種，分別是標(biāo)記選擇器、類選擇器、id選擇器。A、正確B、錯(cuò)誤正確答案：B34.網(wǎng)頁中需要定義什么內(nèi)容，就用相應(yīng)的HTML標(biāo)記描述即可。A、正確B、錯(cuò)誤正確答案：A35.CSS非常靈活，既可以嵌入在HTML文檔中，也可以是一個(gè)單獨(dú)的外部文件。A、正確B、錯(cuò)誤正確