網(wǎng)頁(yè)設(shè)計(jì)試題庫(kù)含答案

網(wǎng)頁(yè)設(shè)計(jì)試題庫(kù)含答案一、單選題（共30題，每題1分，共30分）1.下列選項(xiàng)中，不屬于水平線標(biāo)記屬性的是（）。A、nbsp;B、widthC、colorD、size正確答案：A2.下列選項(xiàng)中，不是<'img/>標(biāo)記屬性的是（）。A、widthB、srcC、hrefD、alt正確答案：C3.關(guān)于樣式代碼“.box{width:200px;padding:15px;margin:20px;}”下列說法正確的是（）。A、box的總寬度為200pxB、box的總寬度為270pxC、box的總寬度為235pxD、以上說法均錯(cuò)誤正確答案：B4.<'img/>標(biāo)記鏈接圖片的屬性是（）。A、altB、heightC、widthD、src正確答案：D5.下面選項(xiàng)中，可以將HTML頁(yè)面的標(biāo)題設(shè)置為“傳智播客”的是（）。A、<'head>傳智播客<'/head>B、<'t>傳智播客<'/t>C、<'h>傳智播客<'/h>D、<'title>傳智播客<'/title>正確答案：D6.以下屬性中，不能增加盒子尺寸的屬性是（）。A、heightB、text-decorationC、paddingD、width正確答案：B7.若要在網(wǎng)頁(yè)中插入樣式表main.css，以下用法中正確的是（）。正確答案：8.使用標(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;}正確答案：C9.下列有關(guān)CSS樣式，說法正確的是（）。A、CSS樣式必須寫在一對(duì)<'style><'/style>標(biāo)簽內(nèi)部B、CSS用于設(shè)置HTML頁(yè)面中的文本內(nèi)容、圖片的外形以及版面的布局等外觀顯示樣式C、只有外部的CSS文件才是符合結(jié)構(gòu)與表現(xiàn)分離的特點(diǎn)D、目前流行的CSS版本為CSS3正確答案：B10.在HTML中，表示內(nèi)嵌CSS樣式的標(biāo)記是（）。A、<'title>B、<'style>C、<'head>D、<'meta>正確答案：B11.開發(fā)網(wǎng)頁(yè)的工具有多種，在實(shí)際工作中，最常用的的網(wǎng)頁(yè)制作工具是（）。A、EditplusB、notepad++C、sublimeD、Dreamweaver正確答案：D12.下列選項(xiàng)中，字號(hào)最大的是（）。A、<'h1>B、<'h3>C、<'h2>D、<'h4>正確答案：A13.一個(gè)盒子的寬（width）和高（height）均為300px，左內(nèi)邊距為30px，同時(shí)盒子有3px的邊框，請(qǐng)問這個(gè)盒子的總寬度是多少？（）A、333pxB、366pxC、363pxD、336px正確答案：D14.使用CSS時(shí)，需要遵從一定的規(guī)范。下面選項(xiàng)中，CSS樣式書寫正確的是（）。A、h1{font:12px;}B、h1[font_size:12px;]C、h1（font:size;）D、h1{font-size:12px;}正確答案：D15.在網(wǎng)頁(yè)中插入圖像，若圖像文件位于html文件的上兩級(jí)文件夾，則在文件名之前加入（）。A、../B、../../C、/D、./正確答案：B16.下面的選項(xiàng)中，屬于常用的圖片格式并且能夠做動(dòng)畫的是（）。A、psd格式B、gif格式C、png格式D、jpg格式正確答案：B17.下列標(biāo)記中，用來(lái)設(shè)置文本為粗體的是（）。A、<'u><'/u>B、<'em><'/em>C、<'strong><'/strong>D、<'del><'/del>正確答案：C18.在下列屬性中，用來(lái)定義文本字體大小的是（）。A、colorB、sizeC、faceD、align正確答案：B19.下列選項(xiàng)中，不屬于文本標(biāo)記屬性的是（）。A、faceB、nbsp;C、alignD、color正確答案：B20.在Dreamweaver中，使用次瀏覽器預(yù)覽網(wǎng)頁(yè)的快捷鍵是（）。A、Ctrl+SB、F12C、F5D、Ctrl+F12正確答案：D21.下列標(biāo)記中，用于定義HTML5文檔所要顯示內(nèi)容的是（）。A、<'title><'/title>B、<'html><'/html>C、<'head><'/head>D、<'body><'/body>正確答案：D22.關(guān)于創(chuàng)建錨點(diǎn)鏈接的代碼，下列書寫正確的是（）。正確答案：23.在下列選項(xiàng)中，對(duì)代碼“margin:10px020px;”解釋正確的是（）。A、上下間距10px，左間距0，右間距20pxB、上間距10px，左間距0，右間距20pxC、上間距10px，左間距0，右下間距20pxD、上間距10px，左右間距0，下間距20px正確答案：D24.下列選項(xiàng)中，表示網(wǎng)頁(yè)頭部信息的標(biāo)記是（）。A、htmlB、bodyC、pD、head正確答案：D25.下列選項(xiàng)中，表示網(wǎng)頁(yè)主體的標(biāo)記是（）。A、h1B、htmlC、bodyD、head正確答案：C26.在HTML文檔頭部標(biāo)記中，使用<'meta>標(biāo)記的name和content屬性可以為搜索引擎提供信息。設(shè)置網(wǎng)頁(yè)描述的name屬性值應(yīng)該為（）。A、charsetB、expiresC、keywordsD、description正確答案：D27.下面標(biāo)記中，用來(lái)顯示段落的標(biāo)記是（）。A、<'h1>B、<'p>C、<'br/>D、<'img/>正確答案：B28.網(wǎng)頁(yè)中的圖像文件位于html文件的下一級(jí)文件夾img下，則以下CSS書寫正確的是（）。正確答案：29.下列選項(xiàng)中，用于更改元素左內(nèi)邊距的是（）。A、padding-leftB、margin-leftC、text-indentD、padding-right正確答案：A30.在下列屬性中，用來(lái)定義文本字體顏色的是（）。A、alignB、faceC、sizeD、color正確答案：D二、多選題（共22題，每題1分，共22分）1.下列樣式代碼中，用于定義盒子上邊框?yàn)?像素、單實(shí)線、灰色的是（）。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;正確答案：AD2.color屬性用于定義文本的顏色，以下寫法正確的是（）。正確答案：3.關(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正確答案：ACD4.在下面的選項(xiàng)中，符合CSS基礎(chǔ)選擇器的語(yǔ)法格式的是（）。A、p{font-size:12px;}B、#myfont{font-weight:bold;}C、.green{color:green;}D、*{margin:0;padding:0;}正確答案：ABCD5.瀏覽器是網(wǎng)頁(yè)運(yùn)行的平臺(tái)，下列屬于網(wǎng)頁(yè)制作中常用瀏覽器的是（）。A、IEB、火狐C、搜狗D、谷歌正確答案：ABD6.下列選項(xiàng)中的術(shù)語(yǔ)名詞，屬于網(wǎng)頁(yè)術(shù)語(yǔ)的是（）。A、WEBB、HTTPC、DNSD、iOS正確答案：ABC7.下面選項(xiàng)中，關(guān)于內(nèi)邊距的說法正確的是（）。A、內(nèi)邊距指的是元素內(nèi)容與邊框之間的距離，也常常稱為內(nèi)填充B、在CSS中設(shè)置盒子的內(nèi)邊距，需要使用padding屬性C、內(nèi)邊距屬性padding是一個(gè)復(fù)合屬性D、padding屬性取值方法很多，但是不允許使用三值寫法正確答案：ABC8.使塊級(jí)元素水平居中，需要遵循以下哪些條件？（）A、為元素設(shè)置高度heightB、將元素左右外邊距的值設(shè)置為autoC、使元素浮動(dòng)floatD、為元素設(shè)置寬度width正確答案：BD9.下列選項(xiàng)中，屬于定義列表標(biāo)記的是（）。A、<'dd><'/dd>B、<'td><'/td>C、<'li><'/li>D、<'dl><'/dl>正確答案：AD10.關(guān)于并集選擇器的描述，下列說法正確的是（）。A、并集選擇器的各個(gè)選擇器通過逗號(hào)連接B、并集選擇器用空格分隔C、并集選擇器把選中的元素設(shè)置成相同的樣式D、并集選擇器不能和其他選擇器一起使用正確答案：AC11.下列選項(xiàng)中，說法正確的是（）。A、在HTML中<'hr/>是單標(biāo)記B、在HTML標(biāo)記中分為單標(biāo)記和雙標(biāo)記C、<'h2><'/h2>二級(jí)標(biāo)題是一個(gè)單標(biāo)記D、<'p><'/p>是一個(gè)雙標(biāo)記正確答案：ABD12.關(guān)于無(wú)序列表的描述，下列說法錯(cuò)誤的是（）。A、無(wú)序列表<'ul>可以讓列表項(xiàng)采用大寫羅馬字母表示。B、無(wú)序列表<'ul>里面只能放置<'li>，不能放其他標(biāo)簽。C、無(wú)序列表<'ul>里面可以直接嵌套其他標(biāo)簽。D、無(wú)序列表<'li>里面可以嵌套其他標(biāo)簽。正確答案：AC13.關(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樣式屬性代替。正確答案：ABC14.下列標(biāo)記中，屬于雙標(biāo)記的是（）。A、<'hr/>B、<'br/>C、<'h1>D、<'p>正確答案：CD15.下面的選項(xiàng)中，關(guān)于Web標(biāo)準(zhǔn)說法正確的是（）。A、Web標(biāo)準(zhǔn)并不是某一個(gè)標(biāo)準(zhǔn)，而是一系列標(biāo)準(zhǔn)的集合。B、Web標(biāo)準(zhǔn)只要包括HTML標(biāo)準(zhǔn)。C、Web標(biāo)準(zhǔn)是由瀏覽器的各大廠商聯(lián)合制定的D、Web標(biāo)準(zhǔn)主要包括結(jié)構(gòu)標(biāo)準(zhǔn)、表現(xiàn)標(biāo)準(zhǔn)和行為標(biāo)準(zhǔn)三個(gè)方面。正確答案：AD16.下列選項(xiàng)中，關(guān)于并集選擇器的書寫格式正確的是（）。A、p_.one{}B、p.one{}C、p,.one{}D、p,.one,#two,div.box{}正確答案：CD17.HTML中文譯為“超文本標(biāo)記語(yǔ)言”，主要是通過HTML標(biāo)記對(duì)網(wǎng)頁(yè)中的（）等內(nèi)容進(jìn)行描述。A、圖片B、數(shù)據(jù)C、文本D、聲音正確答案：ACD18.關(guān)于<'br/>標(biāo)記，下列說法正確的是（）。A、在代碼中，可以直接通過回車來(lái)實(shí)現(xiàn)換行效果，從而不用使用<'br/>標(biāo)記B、<'br/>標(biāo)記和<'p>標(biāo)記具有相同的語(yǔ)義C、<'br/>標(biāo)記可以連續(xù)使用，比如<'br/><'br/>D、使用換行標(biāo)記<'br/>的段落可以實(shí)現(xiàn)強(qiáng)制換行的效果正確答案：CD19.下面選項(xiàng)中，屬于盒子模型主要屬性的是（）。A、marginB、borderC、paddingD、type正確答案：ABC20.在無(wú)序列表中經(jīng)常設(shè)置type屬性，下列屬于type屬性值的是（）。A、circleB、squareC、discD、pointer正確答案：ABC21.關(guān)于后代選擇器，下列說法正確的是（）。A、后代選擇器多個(gè)標(biāo)簽之間是用空格隔開的。B、后代選擇器可以用于很多層的標(biāo)簽嵌套。C、后代選擇器外層標(biāo)記寫在前面，內(nèi)層標(biāo)記寫在后面。D、后代選擇器主要用于嵌套的標(biāo)簽。正確答案：ABCD22.下面選項(xiàng)中，有哪些瀏覽器是基于IE內(nèi)核？（）A、360瀏覽器B、遨游瀏覽器C、谷歌瀏覽器D、搜狗瀏覽器正確答案：ABD三、判斷題（共49題，每題1分，共49分）1.默認(rèn)情況下塊元素會(huì)獨(dú)自占據(jù)一整行或多整行。A、正確B、錯(cuò)誤正確答案：A2.創(chuàng)建圖像超鏈接時(shí)，通常使用超鏈接標(biāo)記<'a><'/a>環(huán)繞圖像來(lái)定義。A、正確B、錯(cuò)誤正確答案：A3.無(wú)序列表的列表項(xiàng)<'li><'/li>中只能嵌套無(wú)序列表。A、正確B、錯(cuò)誤正確答案：B4.在HTM語(yǔ)言中，創(chuàng)建錨點(diǎn)鏈接和創(chuàng)建超鏈接的方式相同。A、正確B、錯(cuò)誤正確答案：B5.在Dreamweaver中制作網(wǎng)頁(yè)，一般需要將菜單欄【窗口】模式下的【工作區(qū)布局】設(shè)置為【經(jīng)典】模式。A、正確B、錯(cuò)誤正確答案：A6.寬度屬性width和高度屬性height對(duì)塊元素?zé)o效。A、正確B、錯(cuò)誤正確答案：B7.網(wǎng)頁(yè)當(dāng)中的常用圖片格式是jpg，png和tif格式。A、正確B、錯(cuò)誤正確答案：B8.WWW（英文WorldWideWeb的縮寫）中文譯為“互聯(lián)網(wǎng)”。A、正確B、錯(cuò)誤正確答案：B9.在特殊字符中，使用“ ；”空格符可以實(shí)現(xiàn)想要的空白字符效果。A、正確B、錯(cuò)誤正確答案：A10.在CSS中，background-color是用來(lái)設(shè)置背景圖像位置的屬性。A、正確B、錯(cuò)誤正確答案：B11.在CSS中設(shè)置邊框綜合屬性時(shí)，各個(gè)屬性的值之間需要使用空格隔開。A、正確B、錯(cuò)誤正確答案：A12.頁(yè)面中的信息，必須放在相應(yīng)的HTML標(biāo)記中，才能被瀏覽器正確解析。A、正確B、錯(cuò)誤正確答案：A13.<'p>是HTML文檔中最常見的標(biāo)記，文本在一個(gè)段落中會(huì)根據(jù)瀏覽器窗口的大小自動(dòng)換行。A、正確B、錯(cuò)誤正確答案：A14.id選擇器使用“#”進(jìn)行標(biāo)識(shí)，后面緊跟id名。A、正確B、錯(cuò)誤正確答案：A15.在<'meta>標(biāo)記中使用name屬性提供搜索內(nèi)容名稱。設(shè)置網(wǎng)頁(yè)關(guān)鍵字時(shí)，name的值為keywords。A、正確B、錯(cuò)誤正確答案：A16.外邊距指的是元素邊框與相鄰元素之間的距離。A、正確B、錯(cuò)誤正確答案：A17.導(dǎo)入式與鏈入式相同，都是針對(duì)外部樣式表文件的。A、正確B、錯(cuò)誤正確答案：A18.HTTP（英文Hypertexttransferprotocol的縮寫）中文譯為超文本傳輸協(xié)議。A、正確B、錯(cuò)誤正確答案：A19.在鏈入式CSS樣式中，一個(gè)HTML頁(yè)面只能引入一個(gè)樣式表。A、正確B、錯(cuò)誤正確答案：B20.在鏈入式CSS樣式中，一個(gè)HTML頁(yè)面可以引入多個(gè)樣式表。A、正確B、錯(cuò)誤正確答案：A21.PNG圖像格式是一種支持透明的圖像格式。A、正確B、錯(cuò)誤正確答案：A22.在HTML中，<'dt><'/dt>標(biāo)記用于指定定義列表。A、正確B、錯(cuò)誤正確答案：B23.在CSS中，行高屬性line-height是用來(lái)設(shè)置文本高度的。A、正確B、錯(cuò)誤正確答案：B24.在文本格式化標(biāo)記中，<'s><'/s>和<'del><'/del>都用來(lái)給文本添加下劃線。A、正確B、錯(cuò)誤正確答案：B25.在CSS中，任何的HTML標(biāo)記都擁有style屬性。A、正確B、錯(cuò)誤正確答案：A26.HTML語(yǔ)言主要是通過HTML標(biāo)記對(duì)網(wǎng)頁(yè)中的文本、圖片、聲音等內(nèi)容進(jìn)行描述。A、正確B、錯(cuò)誤正確答案：A27.font-family屬性設(shè)置字體時(shí)，中文字體需要加英文狀態(tài)下的引號(hào)，英文字體一般不需要加引號(hào)。A、正確B、錯(cuò)誤正確答案：A28.在HTML頁(yè)面中，帶有“<'>”符號(hào)的元素被稱為HTML標(biāo)記。A、正確B、錯(cuò)誤正確答案：A29.在萬(wàn)維網(wǎng)上的所有文件（HTML、CSS、圖片、音樂、視頻等）都有唯一的URL，只要知道資源的URL，就能夠?qū)ζ溥M(jìn)行訪問。A、正確B、錯(cuò)誤正確答案：A30.在超鏈接中“href”屬性用于指定鏈接頁(yè)面的打開方式。A、正確B、錯(cuò)誤正確答案：B31.相對(duì)路徑不帶有盤符，通過層級(jí)關(guān)系描述目標(biāo)圖像的位置。A、正確B、錯(cuò)誤正確答案：B32.在CSS中，各個(gè)選擇器通過逗號(hào)連接就形成了并集選擇器。A、正確B、錯(cuò)誤正確答案：A33.<'title>與<'/title>標(biāo)記之間，用于輸入HTML文檔的標(biāo)題。A、正確B、錯(cuò)誤正確答案：A34.<'font>標(biāo)記可以用來(lái)控制網(wǎng)頁(yè)中文本的字體、字號(hào)、對(duì)齊方式和顏色。A、正確B、錯(cuò)誤正確答案：B35.后代選擇器用來(lái)選擇元素或元素組的后代，其寫法就是把外層標(biāo)記寫在前面，內(nèi)層標(biāo)記寫在后面，中間用空格分隔。A、正確B、錯(cuò)誤正確答案：A36.在<'head>中使用