網(wǎng)頁(yè)設(shè)計(jì)練習(xí)題（附參考答案）

網(wǎng)頁(yè)設(shè)計(jì)練習(xí)題（附參考答案）一、單選題（共30題，每題1分，共30分）1.下列選項(xiàng)中，表示網(wǎng)頁(yè)主體的標(biāo)記是（）。A、h1B、headC、bodyD、html正確答案：C2.使用標(biāo)簽指定式選擇器，讓段落應(yīng)用class名為test的類(lèi)，下列寫(xiě)法正確的是（）。A、.p.test{color:red;}B、p#test{color:red;}C、p.test{color:red;}D、.p,test{color:red;}正確答案：C3.下列選項(xiàng)中，表示網(wǎng)頁(yè)頭部標(biāo)題的標(biāo)記是（）。A、titleB、headC、bodyD、html正確答案：A4.如果有兩個(gè)上下并列關(guān)系的盒子，上面盒子的下外邊距是30px，下面盒子的上外邊距是20px，那么這兩個(gè)盒子之間的間距是（）。A、50像素B、10像素C、30像素D、20像素正確答案：C5.在下列屬性中，用來(lái)定義文本字體的是（）。A、colorB、alignC、faceD、size正確答案：C6.關(guān)于行內(nèi)式引入CSS樣式表，以下書(shū)寫(xiě)正確的是（）。正確答案：7.下面關(guān)于網(wǎng)頁(yè)設(shè)計(jì)名詞，錯(cuò)誤的是（）。A、HTMLB、PSC、DWD、AP正確答案：D8.在HTML中，表示內(nèi)嵌CSS樣式的標(biāo)記是（）。A、<'title>B、<'style>C、<'head>D、<'meta>正確答案：B9.下列選項(xiàng)中，不屬于文本標(biāo)記屬性的是（）。A、faceB、colorC、alignD、nbsp;正確答案：D10.定義列表常用于對(duì)術(shù)語(yǔ)或名詞進(jìn)行解釋和描述，用一對(duì)（）標(biāo)記定義。A、<'dt><'/dt>B、<'ul><'/ul>C、<'dl><'dl>D、<'ol><'/ol>正確答案：C11.在下列選項(xiàng)中，對(duì)代碼“margin:10px020px;”解釋正確的是（）。A、上間距10px，左間距0，右下間距20pxB、上間距10px，左右間距0，下間距20pxC、上下間距10px，左間距0，右間距20pxD、上間距10px，左間距0，右間距20px正確答案：B12.text-transform屬性用于控制英文字符的大小寫(xiě)。下列選項(xiàng)中，不屬于其屬性值的是（）。A、uppercaseB、capitalizeC、lowercaseD、line-through正確答案：D13.以下標(biāo)示符中，用于設(shè)置頁(yè)面標(biāo)題的是（）。A、<'html>B、<'title>C、<'caption>D、<'head>正確答案：B14.下列選項(xiàng)中哪個(gè)表示無(wú)序列表？（）A、<'dd><'/dd>B、<'ol><'/ol>C、<'li><'/li>D、<'ul><'/ul>正確答案：D15.在下列屬性中，用來(lái)定義文本字體大小的是（）。A、alignB、faceC、colorD、size正確答案：D16.若要在網(wǎng)頁(yè)中插入樣式表main.css，以下用法中正確的是（）。正確答案：17.位于HTML文檔的最前面，用于向?yàn)g覽器說(shuō)明當(dāng)前文檔使用哪種HTML或XHTML標(biāo)準(zhǔn)規(guī)范的標(biāo)記是（）。A、<'!DOCTYPE>B、<'head><'/head>C、<'title><'/title>D、<'html><'/html>正確答案：A18.關(guān)于內(nèi)嵌式CSS樣式的語(yǔ)法格式中，下列選項(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;}正確答案：A19.在下列屬性中，用來(lái)定義文本字體顏色的是（）。A、colorB、sizeC、alignD、face正確答案：A20.使用標(biāo)簽指定式選擇器，讓段落應(yīng)用class名為test的類(lèi)，下列寫(xiě)法正確的是（）。A、p.test{color:red;}B、p#test{color:red;}C、p.test{color:red;}D、p,test{color:red;}正確答案：C21.在CSS中，提供了字體樣式屬性來(lái)控制網(wǎng)頁(yè)中的字體。下面的字體樣式設(shè)置正確的是（）。正確答案：22.當(dāng)<'p>標(biāo)記內(nèi)嵌套<'strong>標(biāo)記時(shí)，就可以使用后代選擇器對(duì)其中的<'strong>標(biāo)記進(jìn)行控制。下列寫(xiě)法正確是（）。A、strong,p{color:red;}B、strongp{color:red;}C、pstrong{color:red;}D、p.strong{color:red;}正確答案：C23.下列標(biāo)記中，用于定義HTML文檔所要顯示內(nèi)容的是（）。A、<'title><'/title>B、<'body><'/body>C、<'html><'/html>D、<'head><'/head>正確答案：B24.在HTML文檔頭部標(biāo)記中，使用<'meta>標(biāo)記的name和content屬性可以為搜索引擎提供信息。設(shè)置網(wǎng)頁(yè)描述的name屬性值應(yīng)該為（）。A、expiresB、descriptionC、keywordsD、charset正確答案：B25.在Dreamweaver中，使用次瀏覽器預(yù)覽網(wǎng)頁(yè)的快捷鍵是（）。A、Ctrl+SB、F12C、F5D、Ctrl+F12正確答案：D26.使用內(nèi)嵌式添加CSS樣式，CSS樣式需要寫(xiě)在（）。A、<'title><'/title>標(biāo)記之間B、<'head><'/head>標(biāo)記之間C、<'body><'/body>標(biāo)記之間D、<'style><'/style>標(biāo)記之間正確答案：D27.關(guān)于內(nèi)嵌式引入CSS樣式表，以下書(shū)寫(xiě)正確的是（）。正確答案：28.關(guān)于創(chuàng)建錨點(diǎn)鏈接的代碼，下列書(shū)寫(xiě)正確的是（）。正確答案：29.URL的俗稱(chēng)是什么？（）A、地址欄B、網(wǎng)頁(yè)C、網(wǎng)址D、超鏈接正確答案：C30.關(guān)于有序列表的描述，下列說(shuō)法正確的是（）。A、有序列表沒(méi)有排列順序。B、有序列表不可以和無(wú)序列表嵌套使用。C、有序列表按順序排列并通過(guò)type屬性定義序號(hào)樣式。D、有序列表按順序排列，并不帶有序號(hào)。正確答案：C二、多選題（共22題，每題1分，共22分）1.關(guān)于樣式代碼“padding:20px30px10px;”，下列說(shuō)法正確的是（）。正確答案：2.下列樣式代碼中，可用于設(shè)置背景圖像平鋪方式的是（）。A、background-attachment:scroll;B、background-attachment:fixed;C、background-repeat:repeat-x;D、background-repeat:no-repeat;正確答案：CD3.關(guān)于后代選擇器，下列說(shuō)法正確的是（）。A、后代選擇器可以用于很多層的標(biāo)簽嵌套。B、后代選擇器多個(gè)標(biāo)簽之間是用空格隔開(kāi)的。C、后代選擇器外層標(biāo)記寫(xiě)在前面，內(nèi)層標(biāo)記寫(xiě)在后面。D、后代選擇器主要用于嵌套的標(biāo)簽。正確答案：ABCD4.關(guān)于定義無(wú)序列表的基本語(yǔ)法格式，以下描述正確的是（）。A、<'ul><'/ul>標(biāo)記用于定義無(wú)序列表。B、<'li><'/li>標(biāo)記嵌套在<'ul><'/ul>標(biāo)記中，用于描述具體的列表項(xiàng)。C、每對(duì)<'ul><'/ul>中至少應(yīng)包含一對(duì)<'li><'/li>。D、<'li>不可以定義type屬性，只能使用CSS樣式屬性代替。正確答案：ABC5.關(guān)于鏈入式CSS樣式表，下面說(shuō)法正確的是（）。A、鏈入式CSS才是真正實(shí)現(xiàn)結(jié)構(gòu)與樣式分離的CSS書(shū)寫(xiě)方式B、鏈入式CSS代碼必須也在一對(duì)style標(biāo)簽內(nèi)部C、鏈入式CSS必須將所有CSS屬性寫(xiě)在以.css為擴(kuò)展名的外部樣式表文件中D、一個(gè)HTML頁(yè)面只能鏈接一個(gè)CSS文件正確答案：AC6.在無(wú)序列表中經(jīng)常設(shè)置type屬性，下列屬于type屬性值的是（）。A、discB、circleC、squareD、pointer正確答案：ABC7.下面的應(yīng)用軟件，可以用于網(wǎng)頁(yè)制作開(kāi)發(fā)的是（）。A、EditplusB、notepad++C、DreamweaverD、3Dmax正確答案：ABC8.Dreamweaver能創(chuàng)建以下哪種類(lèi)型的文檔？（）A、JSB、CSSC、HTMLD、HTML模板正確答案：ABCD9.HTML中文譯為“超文本標(biāo)記語(yǔ)言”，主要是通過(guò)HTML標(biāo)記對(duì)網(wǎng)頁(yè)中的（）等內(nèi)容進(jìn)行描述。A、聲音B、數(shù)據(jù)C、圖片D、文本正確答案：ACD10.下列選項(xiàng)中，可清除元素默認(rèn)內(nèi)外邊距的是（）。A、font-size:0;B、margin:0;C、line-height:0;D、padding:0;正確答案：BD11.關(guān)于<'p>標(biāo)記，下列說(shuō)法正確的是（）。A、<'p>標(biāo)記負(fù)責(zé)給文本添加“段落”語(yǔ)義B、<'p>標(biāo)記可以嵌套使用，比如<'p><'p><'/p><'/p>C、<'p>標(biāo)記里面可以放置<'img/>標(biāo)記D、<'p>標(biāo)記里面可以放置<'h3>標(biāo)記正確答案：AC12.HTML中文譯為“超文本標(biāo)記語(yǔ)言”，主要是通過(guò)HTML標(biāo)記對(duì)網(wǎng)頁(yè)中的（）等內(nèi)容進(jìn)行描述。A、圖片B、文本C、聲音D、word文檔正確答案：ABC13.下面選項(xiàng)中，關(guān)于內(nèi)邊距的說(shuō)法正確的是（）。A、內(nèi)邊距指的是元素內(nèi)容與邊框之間的距離，也常常稱(chēng)為內(nèi)填充B、在CSS中設(shè)置盒子的內(nèi)邊距，需要使用padding屬性C、內(nèi)邊距屬性padding是一個(gè)復(fù)合屬性D、padding屬性取值方法很多，但是不允許使用三值寫(xiě)法正確答案：ABC14.color屬性用于定義文本的顏色，以下寫(xiě)法正確的是（）。正確答案：15.下列選項(xiàng)中，關(guān)于標(biāo)簽指定式選擇器的寫(xiě)法正確的是（）。A、.current.p{color:red;}B、div#current{color:red;}C、p.current{color:red;}D、divcurrent{color:red;}正確答案：BC16.下面的選項(xiàng)中，支持透明的圖像是（）。A、jpg格式B、png格式C、gif格式D、psd格式正確答案：BC17.下面選項(xiàng)中，屬于盒子模型主要屬性的是（）。A、paddingB、typeC、marginD、border正確答案：ACD18.下列選項(xiàng)中，可用于更改元素左外邊距的是（）。A、margin-leftB、marginC、padding-rightD、text-indent正確答案：AB19.下列選項(xiàng)中，屬于單標(biāo)記的是（）。A、<'br/>B、<'p>C、<'h2><'/h2>D、<'hr/>正確答案：AD20.下列選項(xiàng)中，屬于定義有序列表相關(guān)屬性的是（）。A、backgroundB、startC、valueD、type正確答案：BCD21.在下面的選項(xiàng)中，符合CSS基礎(chǔ)選擇器的語(yǔ)法格式的是（）。A、p{font-size:12px;}B、#myfont{font-weight:bold;}C、.green{color:green;}D、*{margin:0;padding:0;}正確答案：ABCD22.下列標(biāo)記中，用來(lái)設(shè)置文本為粗體的是（）。A、<'u><'/u>B、<'strong><'/strong>C、<'del><'/del>D、<'b><'/b>正確答案：BD三、判斷題（共49題，每題1分，共49分）1.DNS（英文DomainNameSystem的縮寫(xiě)）是域名解析系統(tǒng)。但是，在Internet上域名與IP地址之間并不是對(duì)應(yīng)的。A、正確B、錯(cuò)誤正確答案：B2.標(biāo)簽指定式選擇器又稱(chēng)并集選擇器，是各個(gè)選擇器通過(guò)逗號(hào)連接而成的。A、正確B、錯(cuò)誤正確答案：B3.因?yàn)殪o態(tài)網(wǎng)頁(yè)的訪問(wèn)速度快，所以現(xiàn)在互聯(lián)網(wǎng)上的大部分網(wǎng)站都是由靜態(tài)網(wǎng)頁(yè)組成的。A、正確B、錯(cuò)誤正確答案：B4."圖像文件和html文件位于同一文件夾，相對(duì)地址為<'imgsrc="logo.gif"/>。"A、正確B、錯(cuò)誤正確答案：A5.HTTP（英文Hypertexttransferprotocol的縮寫(xiě)）中文譯為超文本傳輸協(xié)議。A、正確B、錯(cuò)誤正確答案：A6.在圖像常用格式中，JPG是一種有損壓縮的圖像格式。A、正確B、錯(cuò)誤正確答案：A7.實(shí)際網(wǎng)頁(yè)制作過(guò)程中，最常用的網(wǎng)頁(yè)制作工具是Dreamweaver。A、正確B、錯(cuò)誤正確答案：A8.<'b>標(biāo)記和<'strong>標(biāo)記都可以使文字以粗體方式顯示。A、正確B、錯(cuò)誤正確答案：A9.在CSS中，任何的HTML標(biāo)記都擁有style屬性。A、正確B、錯(cuò)誤正確答案：A10.在圖像常用格式中，PNG不但支持動(dòng)畫(huà)，還支持透明。A、正確B、錯(cuò)誤正確答案：B11.瀏覽器中顯示的所有文本、圖像、音頻和視頻等信息都必須位于<'body>標(biāo)記內(nèi)。A、正確B、錯(cuò)誤正確答案：A12.URL（英文UniformResourceLocator的縮寫(xiě)）中文譯為“統(tǒng)一資源定位符”。URL其實(shí)就是Web地址，俗稱(chēng)“網(wǎng)址”。A、正確B、錯(cuò)誤正確答案：A13.在嵌套結(jié)構(gòu)中，不管父元素樣式的權(quán)重多大，被子元素繼承時(shí)，它的權(quán)重都為0，也就是說(shuō)子元素定義的樣式會(huì)覆蓋繼承來(lái)的樣式。A、正確B、錯(cuò)誤正確答案：A14.默認(rèn)情況下，背景圖像會(huì)自動(dòng)向水平和豎直兩個(gè)方向平鋪。A、正確B、錯(cuò)誤正確答案：A15.默認(rèn)情況下塊元素會(huì)獨(dú)自占據(jù)一整行或多整行。A、正確B、錯(cuò)誤正確答案：A16.所有的瀏覽器對(duì)同一個(gè)CSS樣式的解析都相同，因此頁(yè)面在不同瀏覽器下的顯示效果完全一樣。A、正確B、錯(cuò)誤正確答案：B17.超鏈接是指從一個(gè)網(wǎng)頁(yè)指向一個(gè)目標(biāo)的連接關(guān)系。A、正確B、錯(cuò)誤正確答案：A18.CSS樣式中的注釋“/**/”中的內(nèi)容，瀏覽器不會(huì)解析，主要是用于提示初學(xué)者。A、正確B、錯(cuò)誤正確答案：A19.在CSS中，行高屬性line-height是用來(lái)設(shè)置文本高度的。A、正確B、錯(cuò)誤正確答案：B20.在超鏈接中，當(dāng)target取值為“_self”，意為在原窗口中打開(kāi)鏈接頁(yè)面。A、正確B、錯(cuò)誤正確答案：A21.在圖像常用格式中，GIF只能處理256種顏色。A、正確B、錯(cuò)誤正確答案：A22.創(chuàng)建圖像超鏈接時(shí)，通常使用超鏈接標(biāo)記<'a><'/a>環(huán)繞圖像來(lái)定義。A、正確B、錯(cuò)誤正確答案：A23.<'html>標(biāo)記標(biāo)志著HTML文檔的開(kāi)始，<'/html>標(biāo)記標(biāo)志著HTML文檔的結(jié)束。A、正確B、錯(cuò)誤正確答案：A24.頁(yè)面中的信息，必須放在相應(yīng)的HTML標(biāo)記中，才能被瀏覽器正確解析。A、正確B、錯(cuò)誤正確答案：A25.在HTML標(biāo)記中，屬性之間不分先后順序，標(biāo)記名與屬性、屬性與屬性之間均以逗號(hào)分開(kāi)。A、正確B、錯(cuò)誤正確答案：B26.在HTML標(biāo)記中，<'h1>標(biāo)記屬于雙標(biāo)記。A、正確B、錯(cuò)誤正確答案：A27.<'s>和<'del>都可以使文字以加刪除線的方式顯示（XHTML推薦使用<'s>）。A、正確B、錯(cuò)誤正確答案：B28.在HTML頁(yè)面中，帶有“<'>”符號(hào)的元素被稱(chēng)為HTML標(biāo)記。A、正確B、錯(cuò)誤正確答案：A29.清除鏈接圖像的邊框效果，是為了使圖像正常顯示。A、正確B、錯(cuò)誤正確答案：A30.由于CSS內(nèi)嵌式寫(xiě)法是將CSS樣式寫(xiě)在HTML頁(yè)面中，所以?xún)?nèi)嵌式寫(xiě)法是不符合結(jié)構(gòu)與表現(xiàn)這一特點(diǎn)的。A、正確B、錯(cuò)誤正確答案：B31.在<'meta>標(biāo)記中使用name屬性提供搜索內(nèi)容名稱(chēng)。設(shè)置網(wǎng)頁(yè)關(guān)鍵字時(shí)，name的值為keywords。A、正確B、錯(cuò)誤正確答案：A32.導(dǎo)入式是對(duì)HTML頭部文檔應(yīng)用style標(biāo)記，并在<'style>標(biāo)記內(nèi)的開(kāi)頭處使用@important語(yǔ)句，即可導(dǎo)入外部樣式表文件。A、正確B、錯(cuò)誤正確答案：A33.GIF是一種無(wú)損的圖像格式，并且支持透明。A、正確B、錯(cuò)誤正確答案：A34.盒子模型中，外邊距合并問(wèn)題是IE6獨(dú)有的一個(gè)BUG，需要專(zhuān)門(mén)解決。A、正確B、錯(cuò)誤正確答案：B35.font-family屬性設(shè)置字體時(shí)，中文字體需要加英文狀態(tài)下的引號(hào)，英文字體一般不需要加引號(hào)。A、正確B、錯(cuò)誤正確答案：A36.CSS樣式中的選擇器嚴(yán)格區(qū)分大小寫(xiě)，屬性和值可以不區(qū)分大小寫(xiě)。A、正確B、錯(cuò)誤正確答案：