網(wǎng)頁(yè)設(shè)計(jì)模擬題含答案一、單選題（共30題，每題1分，共30分）1.在Dreamweaver中，使用次瀏覽器預(yù)覽網(wǎng)頁(yè)的快捷鍵是（）。A、Ctrl+SB、F12C、F5D、Ctrl+F12正確答案：D2.下列選項(xiàng)中，符合標(biāo)簽指定式選擇器的寫法要求的是（）。A、由兩個(gè)選擇器構(gòu)成，其中第一個(gè)為標(biāo)記選擇器，第二個(gè)為class選擇器或id選擇器，兩個(gè)選擇器之間不能有空格。B、由兩個(gè)選擇器構(gòu)成，其中第一個(gè)為標(biāo)記選擇器，第二個(gè)為class選擇器或id選擇器，兩個(gè)選擇器之間必須有空格。C、由兩個(gè)選擇器構(gòu)成，其中第一個(gè)為標(biāo)記選擇器，第二個(gè)必須為class選擇器，兩個(gè)選擇器之間不能有空格。D、由兩個(gè)選擇器構(gòu)成，其中第一個(gè)為標(biāo)記選擇器，第二個(gè)為id選擇器，兩個(gè)選擇器之間必須有空格。正確答案：A3.下列選項(xiàng)中，沒有對(duì)應(yīng)的結(jié)束標(biāo)記的是（）。A、<'html>B、<'title>C、<'br/>D、<'body>正確答案：C4.html的中文名稱是（）。A、擴(kuò)展語(yǔ)言B、超鏈接C、超文本標(biāo)記D、超文本標(biāo)記語(yǔ)言正確答案：D5.下列選項(xiàng)中，不屬于水平線標(biāo)記屬性的是（）。A、colorB、sizeC、nbsp;D、width正確答案：C6.下列選項(xiàng)中哪個(gè)表示有序列表？（）A、<'li><'/li>B、<'ul><'/ul>C、<'dd><'/dd>D、<'ol><'/ol>正確答案：D7.在網(wǎng)頁(yè)中插入圖像，若圖像文件位于html文件的上兩級(jí)文件夾，則在文件名之前加入（）。A、../B、/C、./D、../../正確答案：D8.關(guān)于創(chuàng)建錨點(diǎn)鏈接的代碼，下列書寫正確的是（）。正確答案：9.在Dreamweaver中，新建HTML默認(rèn)文檔的快捷鍵是（）。A、Ctrl+NB、Ctrl+Shift+NC、Ctrl+Shift+SD、Ctrl+F12正確答案：B10.關(guān)于CSS的描述，下列說(shuō)法正確的是（）。A、當(dāng)CSS作為獨(dú)立的文件時(shí)，必須以.html為后綴名B、CSS用于設(shè)置HTML頁(yè)面中的文本內(nèi)容、圖片的外形以及版面的布局等外觀顯示樣式。C、只有獨(dú)立的CSS文件才符合結(jié)構(gòu)與表現(xiàn)分離的特點(diǎn)D、目前流行的CSS版本為CSS3正確答案：B11.<'img/>標(biāo)記鏈接圖片的屬性是（）。A、widthB、srcC、altD、height正確答案：B12.下面選項(xiàng)中，可以將HTML5頁(yè)面的標(biāo)題設(shè)置為“網(wǎng)頁(yè)設(shè)計(jì)”的是（）。A、<'head>網(wǎng)頁(yè)設(shè)計(jì)<'/head>B、<'t>網(wǎng)頁(yè)設(shè)計(jì)<'/t>C、<'title>網(wǎng)頁(yè)設(shè)計(jì)<'/title>D、<'h>網(wǎng)頁(yè)設(shè)計(jì)<'/h>正確答案：C13.下面標(biāo)記中，用來(lái)顯示段落的標(biāo)記是（）。A、<'br/>B、<'h1>C、<'img/>D、<'p>正確答案：D14.下列樣式代碼中，用于定義盒子上邊框?yàn)?像素、藍(lán)色、單實(shí)線的是（）。A、border:1pxsolidblue;B、border-top:1pxdashedblue;C、border-top:1pxsolidblue;D、border:1pxdashedblue;正確答案：C15.下列標(biāo)記中，用于定義HTML文檔所要顯示內(nèi)容的是（）。A、<'title><'/title>B、<'head><'/head>C、<'body><'/body>D、<'html><'/html>正確答案：C16.若要在網(wǎng)頁(yè)中插入樣式表main.css，以下用法中正確的是（）。正確答案：17.下列選項(xiàng)中，字號(hào)最大的是（）。A、<'h1>B、<'h4>C、<'h2>D、<'h3>正確答案：A18.下面選項(xiàng)中，可以將HTML頁(yè)面的標(biāo)題設(shè)置為“傳智播客”的是（）。A、<'t>傳智播客<'/t>B、<'h>傳智播客<'/h>C、<'head>傳智播客<'/head>D、<'title>傳智播客<'/title>正確答案：D19.下面標(biāo)記中，表示換行的標(biāo)記是（）。A、<'enter>B、<'h1>C、<'hr/>D、<'br/>正確答案：D20.一個(gè)盒子的寬（width）和高（height）均為300px，左內(nèi)邊距為30px，同時(shí)盒子有3px的邊框，請(qǐng)問(wèn)這個(gè)盒子的總寬度是多少？（）A、363pxB、333pxC、366pxD、336px正確答案：D21.在HTML中，網(wǎng)頁(yè)要顯示的主體內(nèi)容應(yīng)放置在（）。A、<'title><'/title>標(biāo)記之間B、HTML中的任意位置C、<'body><'/body>標(biāo)記之間D、<'head><'/head>標(biāo)記之間正確答案：C22.定義有序列表<'ol>的（）屬性，可以決定有序列表項(xiàng)目符號(hào)的類型。A、valueB、hrefC、relD、type正確答案：D23.text-transform屬性用于控制英文字符的大小寫。下列選項(xiàng)中，不屬于其屬性值的是（）。A、capitalizeB、line-throughC、lowercaseD、uppercase正確答案：B24.下列屬性中，用于設(shè)置鼠標(biāo)懸停時(shí)圖像的提示文字的是（）。A、altB、widthC、heightD、title正確答案：D25.下列選項(xiàng)中，用于更改元素左內(nèi)邊距的是（）。A、margin-leftB、padding-rightC、padding-leftD、text-indent正確答案：C26.關(guān)于樣式代碼“.box{width:200px;padding:15px;margin:20px;}”下列說(shuō)法正確的是（）。A、box的總寬度為200pxB、box的總寬度為270pxC、box的總寬度為235pxD、以上說(shuō)法均錯(cuò)誤正確答案：B27.在下列屬性中，用來(lái)定義文本字體的是（）。A、alignB、faceC、sizeD、color正確答案：B28.定義列表常用于對(duì)術(shù)語(yǔ)或名詞進(jìn)行解釋和描述，用一對(duì)（）標(biāo)記定義。A、<'ol><'/ol>B、<'dl><'dl>C、<'ul><'/ul>D、<'dt><'/dt>正確答案：B29.在HTML中，用于設(shè)置頁(yè)面元信息的標(biāo)示符是（）。A、<'meta>B、<'head>C、<'base>D、<'title>正確答案：A30.使用標(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;}正確答案：A二、多選題（共22題，每題1分，共22分）1.下列選項(xiàng)中，可用于定義背景顏色的是（）。A、background-color:#f00;B、color:#f00;C、background-color:red;D、background-color:rgb（255,0,0）;正確答案：ACD2.瀏覽器是網(wǎng)頁(yè)運(yùn)行的平臺(tái)，下列屬于網(wǎng)頁(yè)制作中常用瀏覽器的是（）。A、搜狗B、谷歌C、火狐D、IE正確答案：BCD3.下列選項(xiàng)中，關(guān)于標(biāo)簽指定式選擇器的寫法正確的是（）。A、div#current{color:red;}B、divcurrent{color:red;}C、p.current{color:red;}D、.current.p{color:red;}正確答案：AC4.在定義列表的基本語(yǔ)法中，<'dl><'/dl>標(biāo)記中需要嵌套（）標(biāo)記。A、<'p><'/p>B、<'dt><'/dt>C、<'dd><'/dd>D、<'td><'/td>正確答案：BC5.下列標(biāo)記中，屬于雙標(biāo)記的是（）。A、<'br/>B、<'p>C、<'h1>D、<'hr/>正確答案：BC6.下面選項(xiàng)中，屬于盒子模型基本屬性的是（）。A、寬和高B、外邊距C、邊框D、內(nèi)邊距正確答案：ABCD7.關(guān)于內(nèi)邊距屬性padding，下列說(shuō)法正確的是（）。A、padding屬性是復(fù)合屬性B、必須按順時(shí)針順序采用值復(fù)制原則定義4個(gè)方向的內(nèi)邊距C、其取值可為1到4個(gè)值D、padding的取值不能為負(fù)正確答案：ABCD8.盒子模型有多個(gè)屬性，其中元素內(nèi)容與邊框之間的距離通常被稱為（）。A、外填充B、外邊距C、內(nèi)邊距D、內(nèi)填充正確答案：CD9.下列選項(xiàng)中，可清除元素默認(rèn)內(nèi)外邊距的是（）。A、margin:0;B、line-height:0;C、font-size:0;D、padding:0;正確答案：AD10.下面的選項(xiàng)中，支持透明的圖像是（）。A、gif格式B、png格式C、psd格式D、jpg格式正確答案：AB11.下列選項(xiàng)中，屬于定義有序列表相關(guān)屬性的是（）。A、typeB、valueC、backgroundD、start正確答案：ABD12.在無(wú)序列表中經(jīng)常設(shè)置type屬性，下列屬于type屬性值的是（）。A、circleB、discC、squareD、pointer正確答案：ABC13.下列選項(xiàng)中，屬于定義列表標(biāo)記的是（）。A、<'li><'/li>B、<'td><'/td>C、<'dd><'/dd>D、<'dl><'/dl>正確答案：CD14.關(guān)于文本格式化標(biāo)記，下列說(shuō)法正確的是（）。A、<'b><'/b>和<'strong><'/strong>，文字以粗體方式顯示（XHTML推薦使用strong）。B、<'i><'/i>和<'em><'/em>，文字以下劃線方式顯示（XHTML推薦使用em）。C、<'s><'/s>和<'del><'/del>，文字以加刪除線方式顯示（XHTML推薦使用del）。D、以上說(shuō)法都正確。正確答案：AC15.關(guān)于樣式代碼“padding:20px30px10px;”，下列說(shuō)法正確的是（）。正確答案：16.關(guān)于鏈入式CSS樣式表，下面說(shuō)法正確的是（）。A、鏈入式CSS才是真正實(shí)現(xiàn)結(jié)構(gòu)與樣式分離的CSS書寫方式B、鏈入式CSS代碼必須也在一對(duì)style標(biāo)簽內(nèi)部C、鏈入式CSS必須將所有CSS屬性寫在以.css為擴(kuò)展名的外部樣式表文件中D、一個(gè)HTML頁(yè)面只能鏈接一個(gè)CSS文件正確答案：AC17.下列選項(xiàng)中，屬于邊框樣式常用屬性值的是（）。A、dottedB、solidC、noneD、dashed正確答案：ABCD18.下列選項(xiàng)中，關(guān)于標(biāo)記選項(xiàng)說(shuō)法正確的是（）。A、在嵌套結(jié)構(gòu)中，HTML元素的樣式總是遵從“就近原則”B、在標(biāo)記的嵌套過(guò)程中，必須先結(jié)束最靠近內(nèi)容的標(biāo)記，再按照由外及內(nèi)的順序依次關(guān)閉標(biāo)記。C、在HTML標(biāo)記中，“屬性”和“屬性值”是以“鍵值對(duì)”的形式出現(xiàn)的D、標(biāo)記可以擁有多個(gè)屬性，屬性之間不分先后順序，屬性與屬性之間以空格分開正確答案：ACD19.關(guān)于后代選擇器，下列說(shuō)法正確的是（）。A、后代選擇器外層標(biāo)記寫在前面，內(nèi)層標(biāo)記寫在后面。B、后代選擇器可以用于很多層的標(biāo)簽嵌套。C、后代選擇器主要用于嵌套的標(biāo)簽。D、后代選擇器多個(gè)標(biāo)簽之間是用空格隔開的。正確答案：ABCD20.在CSS中，提供了背景圖像屬性用來(lái)設(shè)置背景。在下列選項(xiàng)中，設(shè)置背景圖片格式正確的是（）。A、body{background:url（1.png）;}B、body{background-image:url（1.png）;}C、body{background-color:url（1.png）;}D、body{background-repeat:url（1.png）;}正確答案：AB21.適合在網(wǎng)絡(luò)上使用的圖片格式主要有（）。A、gjfB、pngC、bmpD、jpg正確答案：ABD22.關(guān)于HTML的描述，下列說(shuō)法正確的是（）。A、目前最新的HTML版本是HTML5B、初期的HTML在語(yǔ)法上很寬松C、HTML提供了許多標(biāo)記，用于對(duì)網(wǎng)頁(yè)內(nèi)容進(jìn)行描述D、HTML是更嚴(yán)謹(jǐn)純凈的XHTML版本正確答案：ABC三、判斷題（共49題，每題1分，共49分）1.在<'head>中使用<'link>標(biāo)記可引用外部文件，一個(gè)頁(yè)面只允許使用一個(gè)<'link>標(biāo)記引用外部文件。A、正確B、錯(cuò)誤正確答案：B2.<'b>標(biāo)記和<'strong>標(biāo)記都可以使文字以粗體方式顯示。A、正確B、錯(cuò)誤正確答案：A3.在HTML標(biāo)記中，<'h1>標(biāo)記屬于雙標(biāo)記。A、正確B、錯(cuò)誤正確答案：A4.頁(yè)面中的信息，必須放在相應(yīng)的HTML標(biāo)記中，才能被瀏覽器正確解析。A、正確B、錯(cuò)誤正確答案：A5.在HTML中，標(biāo)記可以擁有多個(gè)屬性。A、正確B、錯(cuò)誤正確答案：A6.所有的標(biāo)簽都可以設(shè)置寬度和高度屬性。A、正確B、錯(cuò)誤正確答案：B7.在萬(wàn)維網(wǎng)上的所有文件（HTML、CSS、圖片、音樂、視頻等）都有唯一的URL，只要知道資源的URL，就能夠?qū)ζ溥M(jìn)行訪問(wèn)。A、正確B、錯(cuò)誤正確答案：A8.在超鏈接中，如果暫時(shí)沒有確定鏈接目標(biāo)，通常將<'a>標(biāo)記的href屬性值定義為“*”。A、正確B、錯(cuò)誤正確答案：B9.標(biāo)簽指定式選擇器又稱交集選擇器，由兩個(gè)選擇器構(gòu)成，它們之間用空格隔開。A、正確B、錯(cuò)誤正確答案：B10.id選擇器使用“.”進(jìn)行標(biāo)識(shí)，后面緊跟id名。A、正確B、錯(cuò)誤正確答案：B11.使用并集選擇器定義樣式與對(duì)各個(gè)基礎(chǔ)選擇器單獨(dú)定義樣式效果完全不相同。A、正確B、錯(cuò)誤正確答案：B12.在Dreamweaver中制作網(wǎng)頁(yè)，一般需要將菜單欄【窗口】模式下的【工作區(qū)布局】設(shè)置為【經(jīng)典】模式。A、正確B、錯(cuò)誤正確答案：A13.在超鏈接中，當(dāng)target取值為“_self”，意為在原窗口中打開鏈接頁(yè)面。A、正確B、錯(cuò)誤正確答案：A14.在鏈入式CSS樣式中，一個(gè)HTML頁(yè)面可以引入多個(gè)樣式表。A、正確B、錯(cuò)誤正確答案：A15.CSS非常靈活，既可以嵌入在HTML文檔中，也可以是一個(gè)單獨(dú)的外部文件。A、正確B、錯(cuò)誤正確答案：A16.在<'meta>標(biāo)記中使用name屬性提供搜索內(nèi)容名稱。設(shè)置網(wǎng)頁(yè)關(guān)鍵字時(shí)，name的值為keywords。A、正確B、錯(cuò)誤正確答案：A17.<'hr/>為單標(biāo)記，用于定義一條水平線。A、正確B、錯(cuò)誤正確答案：A18.font-family屬性設(shè)置字體時(shí)，中文字體需要加英文狀態(tài)下的引號(hào)，英文字體一般不需要加引號(hào)。A、正確B、錯(cuò)誤正確答案：A19.text-align屬性用于設(shè)置文本內(nèi)容的水平對(duì)齊，可適用于所有元素。A、正確B、錯(cuò)誤正確答案：B20.后代選擇器用來(lái)選擇元素或元素組的后代，其寫法就是把外層標(biāo)記寫在前面，內(nèi)層標(biāo)記寫在后面，中間用空格分隔。A、正確B、錯(cuò)誤正確答案：A21.錨點(diǎn)鏈接就是帶有id屬性的超鏈接標(biāo)簽。A、正確B、錯(cuò)誤正確答案：A22.在行內(nèi)式CSS樣式中，屬性和值的書寫規(guī)范與CSS樣式規(guī)則不相同。A、正確B、錯(cuò)誤正確答案：B23.在HTML常用的三種列表中，定義列表的列表項(xiàng)前沒有任何項(xiàng)目符號(hào)。A、正確B、錯(cuò)誤正確答案：A24.寬度屬性width和高度屬性height對(duì)塊元素?zé)o效。A、正確B、錯(cuò)誤正確答案：B25.在設(shè)置邊框?qū)挾群瓦吙蝾伾珪r(shí)，必須同時(shí)設(shè)置邊框樣式。A、正確B、錯(cuò)誤正確答案：A26.內(nèi)嵌式CSS樣式對(duì)網(wǎng)站中的所有HTML頁(yè)面都有效。A、正確B、錯(cuò)誤正確答案：B27.在網(wǎng)頁(yè)中需要插入圖片的相對(duì)路徑中，“../”用于指定上一級(jí)文件夾。A、正確B、錯(cuò)誤正確答案：A28.通配符選擇器設(shè)置的樣式對(duì)所有的HTML標(biāo)記都生效，不管標(biāo)記是否需要該樣式，這樣反而降低了代碼的執(zhí)行速度。A、正確B、錯(cuò)誤正確答案：A29.內(nèi)嵌式是將CSS代碼集中寫在HTML文檔的<'head>頭部標(biāo)記中，并且用<'style>標(biāo)記定義。A、正確B、錯(cuò)誤正確答案：A30.<'html>標(biāo)記標(biāo)志著HTML文檔的開始，<'/html>標(biāo)記標(biāo)志著HTML文檔的結(jié)束。A、正確B、錯(cuò)誤正確答案：A31.在編寫CSS代碼時(shí)，為了提高代碼的可讀性，通常需要加CSS注釋語(yǔ)句。A、正確B、錯(cuò)誤正確答案：A32.一個(gè)HTML文檔只能含有一對(duì)<'body>標(biāo)記，且<'body>標(biāo)記必須在<'html>標(biāo)記內(nèi)。A、正確B、錯(cuò)誤正確答案：A33.書寫CSS樣式時(shí)，多個(gè)屬性之間必須用英文狀態(tài)下的分號(hào)隔開，最后一個(gè)屬性后的分號(hào)可以省略。A、正確B、錯(cuò)誤正確答案：A34.<'title>標(biāo)記用于定義HTML文檔的頭部信息，也稱為頭部標(biāo)記。A、正確B、錯(cuò)誤正確答案：B35.在HTML語(yǔ)言中，常用的列表有三種，分別為無(wú)序列表、有序列表和定義列表。A、正