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

網(wǎng)頁設(shè)計(jì)習(xí)題與答案一、單選題（共30題，每題1分，共30分）1、<'div>標(biāo)記是網(wǎng)頁布局中最常用的標(biāo)記，其顯示類型為（）。A、浮動類型B、塊級類型C、行內(nèi)類型D、行內(nèi)塊類型正確答案：B2、關(guān)于盒子模型中的寬度和高度屬性，下面說法正確的是（）。A、盒子模型中的寬度和高度屬性適用于所有元素B、盒子模型中的寬度和高度屬性僅適用于行內(nèi)元素C、盒子模型中的寬度和高度屬性僅適用于塊級元素D、以上說法都正確正確答案：C3、下列標(biāo)記中，用來設(shè)置文本為粗體的是（）。A、<'strong><'/strong>B、<'del><'/del>C、<'em><'/em>D、<'u><'/u>正確答案：A4、下列選項(xiàng)中哪個表示有序列表？（）A、<'li><'/li>B、<'dd><'/dd>C、<'ol><'/ol>D、<'ul><'/ul>正確答案：C5、在網(wǎng)頁中插入圖像，若圖像文件位于html文件的上兩級文件夾，則在文件名之前加入（）。A、../../B、/C、./D、../正確答案：A6、使用標(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;}正確答案：A7、定義列表常用于對術(shù)語或名詞進(jìn)行解釋和描述，用一對（）標(biāo)記定義。A、<'dl><'dl>B、<'ul><'/ul>C、<'dt><'/dt>D、<'ol><'/ol>正確答案：A8、位于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>正確答案：A9、在下列屬性中，用來定義文本字體顏色的是（）。A、colorB、sizeC、alignD、face正確答案：A10、下列選項(xiàng)中，屬于并集選擇器書寫方式的是（）。A、h1,p{}B、h1p{}C、h1_p{}D、h1-p{}正確答案：A11、下列標(biāo)記中，用于定義HTML文檔所要顯示內(nèi)容的是（）。A、<'body><'/body>B、<'head><'/head>C、<'html><'/html>D、<'title><'/title>正確答案：A12、下面的選項(xiàng)中，CSS樣式規(guī)則的具體格式正確的是（）。A、選擇器{屬性1:屬性值1;屬性2:屬性值2屬性3:屬性值3}B、選擇器{屬性1:屬性值1,屬性2:屬性值2,屬性3:屬性值3;}C、選擇器{屬性1:屬性值1;屬性2:屬性值2;屬性3:屬性值3;}D、選擇器{屬性1:屬性值1屬性2:屬性值2屬性3:屬性值3}正確答案：C13、下列選項(xiàng)中，屬于定義有序列表的基本語法格式的是（）。A、<'ul><'li>列表項(xiàng)1<'/li><'li>列表項(xiàng)2<'/li>......<'/ul>B、<'ol>……<'/ol><'ol>……<'/ol><'ol>……<'/ol>C、<'ol><'li>列表項(xiàng)1<'/li><'li>列表項(xiàng)2<'/li>......<'/ol>D、<'ul>......<'/ul>正確答案：C14、若要在網(wǎng)頁中插入樣式表main.css，以下用法中正確的是（）。正確答案：15、在HTML中，常用于定義圖文混排的列表是（）。A、菜單列表B、無序列表C、有序列表D、定義列表正確答案：D16、WWW的中文簡稱是什么？（）A、瀏覽器B、超文本C、傳輸協(xié)議D、萬維網(wǎng)正確答案：D17、下列選項(xiàng)中，不屬于文本標(biāo)記屬性的是（）。A、nbsp;B、colorC、faceD、align正確答案：A18、在CSS中，提供了字體樣式屬性來控制網(wǎng)頁中的字體。下面的字體樣式設(shè)置正確的是（）。正確答案：19、下面選項(xiàng)中，可以將HTML頁面的標(biāo)題設(shè)置為“傳智播客”的是（）。A、<'head>傳智播客<'/head>B、<'title>傳智播客<'/title>C、<'t>傳智播客<'/t>D、<'h>傳智播客<'/h>正確答案：B20、在HTML中，常用的字符集編碼方式有UTF-8和gb2312兩種。下列關(guān)于字符集的描述正確的是（）。A、UTF-8字符集中，只有中文，沒有日語、阿拉伯語等其他語言B、同樣的文本，使用UTF-8格式要比gb2312格式文件體積小C、UTF-8字符集由中國制定標(biāo)準(zhǔn)D、制作有韓語字符的網(wǎng)頁，不能使用gb2312字符集正確答案：D21、下面標(biāo)記中，用來顯示段落的標(biāo)記是（）。A、<'img/>B、<'h1>C、<'p>D、<'br/>正確答案：C22、下列屬性中，用于設(shè)置鼠標(biāo)懸停時圖像的提示文字的是（）。A、widthB、heightC、altD、title正確答案：D23、關(guān)于創(chuàng)建錨點(diǎn)鏈接的代碼，下列書寫正確的是（）。正確答案：24、使用標(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;}正確答案：B25、下列有關(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正確答案：B26、在HTML中，表示內(nèi)嵌CSS樣式的標(biāo)記是（）。A、<'title>B、<'style>C、<'head>D、<'meta>正確答案：B27、下列選項(xiàng)中，表示網(wǎng)頁頭部信息的標(biāo)記是（）。A、pB、headC、bodyD、html正確答案：B28、如果使用內(nèi)嵌式CSS樣式表定義<'p>標(biāo)記字號為12像素，鏈入式定義<'p>標(biāo)記顏色為紅色，那么段落文本將顯示為（）。A、只顯示12像素B、12像素紅色C、只顯示紅色D、以上都不正確正確答案：B29、下列選項(xiàng)中，符合后代選擇器書寫要求的是（）。A、p,strong{font-weight:bold;}B、p#div{font-weight:bold;}C、p.strong{font-weight:bold;}D、pstrong{font-weight:bold;}正確答案：D30、一個盒子的寬（width）和高（height）均為300px，左內(nèi)邊距為30px，同時盒子有3px的邊框，請問這個盒子的總寬度是多少？（）A、363pxB、336pxC、333pxD、366px正確答案：B二、多選題（共20題，每題1分，共20分）1、下面選項(xiàng)中，關(guān)于內(nèi)邊距的說法正確的是（）。A、內(nèi)邊距指的是元素內(nèi)容與邊框之間的距離，也常常稱為內(nèi)填充B、在CSS中設(shè)置盒子的內(nèi)邊距，需要使用padding屬性C、內(nèi)邊距屬性padding是一個復(fù)合屬性D、padding屬性取值方法很多，但是不允許使用三值寫法正確答案：ABC2、關(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正確答案：ACD3、關(guān)于后代選擇器，下列說法正確的是（）。A、后代選擇器可以用于很多層的標(biāo)簽嵌套。B、后代選擇器多個標(biāo)簽之間是用空格隔開的。C、后代選擇器主要用于嵌套的標(biāo)簽。D、后代選擇器外層標(biāo)記寫在前面，內(nèi)層標(biāo)記寫在后面。正確答案：ABCD4、下面選項(xiàng)中，屬于網(wǎng)頁構(gòu)成元素的是（）。A、文字B、視頻C、psd文件D、音頻正確答案：ABD5、下面的選項(xiàng)中，關(guān)于Web標(biāo)準(zhǔn)說法正確的是（）。A、Web標(biāo)準(zhǔn)只要包括HTML標(biāo)準(zhǔn)。B、Web標(biāo)準(zhǔn)是由瀏覽器的各大廠商聯(lián)合制定的C、Web標(biāo)準(zhǔn)主要包括結(jié)構(gòu)標(biāo)準(zhǔn)、表現(xiàn)標(biāo)準(zhǔn)和行為標(biāo)準(zhǔn)三個方面。D、Web標(biāo)準(zhǔn)并不是某一個標(biāo)準(zhǔn)，而是一系列標(biāo)準(zhǔn)的集合。正確答案：CD6、關(guān)于定義無序列表的基本語法格式，以下描述正確的是（）。A、<'li>不可以放在一對<'ul><'/ul>標(biāo)記中。B、<'li><'/li>標(biāo)記嵌套在<'ul><'/ul>標(biāo)記中，用于描述具體的列表項(xiàng)。C、每對中至少應(yīng)包含一對<'li><'/li>。D、<'ul><'/ul>標(biāo)記用于定義無序列表。正確答案：BCD7、下面的應(yīng)用軟件，可以用于網(wǎng)頁制作開發(fā)的是（）。A、EditplusB、notepad++C、DreamweaverD、3Dmax正確答案：ABC8、下面選項(xiàng)中，有哪些瀏覽器是基于IE內(nèi)核？（）A、360瀏覽器B、搜狗瀏覽器C、谷歌瀏覽器D、遨游瀏覽器正確答案：ABD9、text-decoration屬性用于設(shè)置文本的下劃線，上劃線，刪除線等裝飾效果，其可用屬性值有（）。A、line-throughB、noneC、underlineD、overline正確答案：ABCD10、下列選項(xiàng)中，屬于定義有序列表相關(guān)屬性的是（）。A、startB、valueC、backgroundD、type正確答案：ABD11、在定義列表的基本語法中，<'dl><'/dl>標(biāo)記中需要嵌套（）標(biāo)記。A、<'dt><'/dt>B、<'p><'/p>C、<'td><'/td>D、<'dd><'/dd>正確答案：AD12、盒子模型有多個屬性，其中元素內(nèi)容與邊框之間的距離通常被稱為（）。A、外邊距B、外填充C、內(nèi)邊距D、內(nèi)填充正確答案：CD13、下面哪些是網(wǎng)頁中的元素？（）A、圖片B、文字C、視頻、音頻D、超鏈接正確答案：ABCD14、關(guān)于樣式代碼“padding:20px30px10px;”，下列說法正確的是（）。正確答案：15、HTML提供了許多標(biāo)記，下列選項(xiàng)中，屬于HTML標(biāo)記的是（）。A、段落標(biāo)記B、圖片標(biāo)記C、超鏈接標(biāo)記D、標(biāo)題標(biāo)記正確答案：ABCD16、下列標(biāo)記中，屬于雙標(biāo)記的是（）。A、<'br/>B、<'h1>C、<'hr/>D、<'p>正確答案：BD17、使塊級元素水平居中，需要遵循以下哪些條件？（）A、將元素左右外邊距的值設(shè)置為autoB、為元素設(shè)置寬度widthC、使元素浮動floatD、為元素設(shè)置高度height正確答案：AB18、Dreamweaver能創(chuàng)建以下哪種類型的文檔？（）A、JSB、CSSC、HTMLD、HTML模板正確答案：ABCD19、下列選項(xiàng)中，可用于定義背景顏色的是（）。A、background-color:red;B、background-color:rgb（255,0,0）;C、background-color:#f00;D、color:#f00;正確答案：ABC20、下列標(biāo)記中，用來設(shè)置文本為粗體的是（）。A、<'strong><'/strong>B、<'u><'/u>C、<'b><'/b>D、<'del><'/del>正確答案：AC三、判斷題（共40題，每題1分，共40分）1、清除鏈接圖像的邊框效果，是為了使圖像正常顯示。A、正確B、錯誤正確答案：A2、在使用列表時，如果列表項(xiàng)中包含若干子列表項(xiàng)，就需要將列表進(jìn)行嵌套。A、正確B、錯誤正確答案：A3、一個div的高度為200px，內(nèi)邊距為10px，邊框?yàn)?px，那么它的總高度尺寸為222px。A、正確B、錯誤正確答案：A4、在CSS中設(shè)置邊框綜合屬性時，各個屬性的值之間需要使用空格隔開。A、正確B、錯誤正確答案：A5、標(biāo)簽指定式選擇器又稱交集選擇器，由兩個選擇器構(gòu)成，它們之間用空格隔開。A、正確B、錯誤正確答案：B6、在HTML標(biāo)記中，<'h1>標(biāo)記屬于雙標(biāo)記。A、正確B、錯誤正確答案：A7、如果需要在后代選擇器中加入更多的元素，只需在元素之間加上逗號即可。A、正確B、錯誤正確答案：B8、body元素設(shè)置字號屬性時，標(biāo)題文本不會采用這個樣式，說明標(biāo)題標(biāo)記沒有繼承文本字號，不具有繼承性。A、正確B、錯誤正確答案：B9、在特殊字符中，使用“ ；”空格符可以實(shí)現(xiàn)想要的空白字符效果。A、正確B、錯誤正確答案：A10、在HTML中，盒子模型的總高度等于“height+padding+margin”的尺寸總和。A、正確B、錯誤正確答案：B11、在文本格式化標(biāo)記中，<'s><'/s>和<'del><'/del>都用來給文本添加下劃線。A、正確B、錯誤正確答案：B12、<'!DOCTYPE>標(biāo)記和瀏覽器的兼容性無關(guān)，為了代碼簡潔，可以刪掉。A、正確B、錯誤正確答案：B13、<'!DOCTYPE>標(biāo)記位于文檔的最前面，用于向?yàn)g覽器說明當(dāng)前文檔使用哪種HTML或XHTML標(biāo)準(zhǔn)規(guī)范。A、正確B、錯誤正確答案：A14、如果不給<'img/>標(biāo)記設(shè)置寬和高，圖片就會按照他的原始尺寸顯示。A、正確B、錯誤正確答案：A15、<'title>與<'/title>標(biāo)記之間，用于輸入HTML文檔的標(biāo)題。A、正確B、錯誤正確答案：A16、不可以針對不同的瀏覽器設(shè)置不同的CSS樣式。A、正確B、錯誤正確答案：B17、在CSS中，行高屬性line-height是用來設(shè)置文本高度的。A、正確B、錯誤正確答案：B18、使用并集選擇器定義樣式與對各個基礎(chǔ)選擇器單獨(dú)定義樣式效果完全不相同。A、正確B、錯誤正確答案：B19、外邊距屬性的取值不可以為負(fù)值。A、正確B、錯誤正確答案：B20、無序列表的列表項(xiàng)<'li><'/li>中只能嵌套無序列表。A、正確B、錯誤正確答案：B21、設(shè)置訪問前超鏈接的樣式，需要為<'a>標(biāo)簽添加鏈接偽類樣式：a:visited。A、正確B、錯誤正確答案：B22、有序列表即為有排列順序的列表，<'ol><'/ol>標(biāo)記用于定義有序列表。A、正確B、錯誤正確答案：A23、網(wǎng)頁主要由文字、圖像和超鏈接等元素構(gòu)成。A、正確B、錯誤正確答案：A24、GIF是一種無損的圖像格式，并且支持透明。A、正確B、錯誤正確答案：A25、頁面中的信息，必須放在相應(yīng)的HTML標(biāo)記中，才能被瀏覽器正確解析。A、正確B、錯誤正確答案：A26、id選擇器使用“.”進(jìn)行標(biāo)識，后面緊跟id名。A、正確B、錯誤正確答案：B27、在萬維網(wǎng)上的所有文件（HTML、CSS、圖片、音樂、視頻等）都有唯一的URL，只要知道資源的URL，就能夠?qū)ζ溥M(jìn)行訪問。A、正確B、錯誤正確答案