網(wǎng)頁設(shè)計練習(xí)題與參考答案

網(wǎng)頁設(shè)計練習(xí)題與參考答案一、單選題（共30題，每題1分，共30分）1.關(guān)于盒子模型中的寬度和高度屬性，下面說法正確的是（）。A、盒子模型中的寬度和高度屬性適用于所有元素B、盒子模型中的寬度和高度屬性僅適用于行內(nèi)元素C、盒子模型中的寬度和高度屬性僅適用于塊級元素D、以上說法都正確正確答案：C2.下列選項中，表示網(wǎng)頁頭部標(biāo)題的標(biāo)記是（）。A、bodyB、headC、titleD、html正確答案：C3.在HTML文檔頭部標(biāo)記中，使用<'meta>標(biāo)記的name和content屬性可以為搜索引擎提供信息。設(shè)置網(wǎng)頁描述的name屬性值應(yīng)該為（）。A、keywordsB、charsetC、descriptionD、expires正確答案：C4.當(dāng)<'p>標(biāo)記內(nèi)嵌套<'strong>標(biāo)記時，就可以使用后代選擇器對其中的<'strong>標(biāo)記進行控制。下列寫法正確是（）。A、strong,p{color:red;}B、strongp{color:red;}C、p.strong{color:red;}D、pstrong{color:red;}正確答案：D5.在HTML中，用于設(shè)置頁面元信息的標(biāo)示符是（）。A、<'base>B、<'head>C、<'meta>D、<'title>正確答案：C6.下列關(guān)于特殊字符的說法不正確的是（）。A、轉(zhuǎn)義序列必須以分號結(jié)束B、特殊字符的代碼通常由前綴“&”、字符名稱和后綴為英文狀態(tài)下的“;”組成C、轉(zhuǎn)義序列各字符間可以有空格D、可以通過菜單欄直接插入相應(yīng)特殊字符的代碼正確答案：C7.下列選項中，不屬于水平線標(biāo)記屬性的是（）。A、colorB、nbsp;C、sizeD、width正確答案：B8.下面的選項中，表示元素距離上下左右的外邊距都是10px的是哪一項？（）A、{padding:10px0;}B、{margin:10px;}C、{margin:10px0;}D、{padding:10px;}正確答案：B9.使用CSS時，需要遵從一定的規(guī)范。下面選項中，CSS樣式書寫正確的是（）。A、h1{font:12px;}B、h1[font_size:12px;]C、h1（font:size;）D、h1{font-size:12px;}正確答案：D10.使用內(nèi)嵌式添加CSS樣式，CSS樣式需要寫在（）。A、<'title><'/title>標(biāo)記之間B、<'head><'/head>標(biāo)記之間C、<'body><'/body>標(biāo)記之間D、<'style><'/style>標(biāo)記之間正確答案：D11.下列選項中，表示網(wǎng)頁頭部信息的標(biāo)記是（）。A、pB、bodyC、htmlD、head正確答案：D12.在CSS中，提供了字體樣式屬性來控制網(wǎng)頁中的字體。下面的字體樣式設(shè)置正確的是（）。正確答案：13.當(dāng)通過定義列表實現(xiàn)圖文混排時，下列標(biāo)記中用于插入圖片的是（）。A、<'dt><'/dt>B、<'li><'/li>C、<'dl><'/dl>D、<'dd><'/dd>正確答案：A14.text-transform屬性用于控制英文字符的大小寫。下列選項中，不屬于其屬性值的是（）。A、lowercaseB、line-throughC、uppercaseD、capitalize正確答案：B15.在HTML中，表示內(nèi)嵌CSS樣式的標(biāo)記是（）。A、<'title>B、<'style>C、<'head>D、<'meta>正確答案：B16.開發(fā)網(wǎng)頁的工具有多種，在實際工作中，最常用的的網(wǎng)頁制作工具是（）。A、EditplusB、notepad++C、sublimeD、Dreamweaver正確答案：D17.下面的選項中，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}正確答案：C18.下列選項中，表示網(wǎng)頁主體的標(biāo)記是（）。A、htmlB、bodyC、h1D、head正確答案：B19.下列屬性中，用于設(shè)置鼠標(biāo)懸停時圖像的提示文字的是（）。A、altB、titleC、heightD、width正確答案：B20.關(guān)于創(chuàng)建錨點鏈接的代碼，下列書寫正確的是（）。正確答案：21.在網(wǎng)頁中插入圖像，若圖像文件位于html文件的上兩級文件夾，則在文件名之前加入（）。A、/B、../../C、./D、../正確答案：B22.下列選項中，沒有對應(yīng)的結(jié)束標(biāo)記的是（）。A、<'title>B、<'html>C、<'body>D、<'br/>正確答案：D23.在網(wǎng)頁中插入圖像，若圖像文件位于html文件的上一級文件夾，則在文件名之前加入（）。A、/B、./C、../D、../../正確答案：C24.下列樣式代碼中，用于定義盒子上邊框為1像素、藍色、單實線的是（）。A、border-top:1pxsolidblue;B、border:1pxsolidblue;C、border-top:1pxdashedblue;D、border:1pxdashedblue;正確答案：A25.一個盒子的寬（width）和高（height）均為300px，左內(nèi)邊距為30px，同時盒子有3px的邊框，請問這個盒子的總寬度是多少？（）A、336pxB、366pxC、363pxD、333px正確答案：A26.定義列表常用于對術(shù)語或名詞進行解釋和描述，用一對（）標(biāo)記定義。A、<'dl><'dl>B、<'ul><'/ul>C、<'dt><'/dt>D、<'ol><'/ol>正確答案：A27.下列選項中哪個表示無序列表？（）A、<'dd><'/dd>B、<'ul><'/ul>C、<'li><'/li>D、<'ol><'/ol>正確答案：B28."頁面上的div標(biāo)簽，其HTML代碼為<'divid="box"style="color:red">文字<'/div>，為其設(shè)置CSS樣式如下:#box{color:blue;}那么，文字的顏色將顯示為（）。"A、紅色B、藍色C、黑色D、以上選項都不正確正確答案：A29.在HTML中，網(wǎng)頁要顯示的主體內(nèi)容應(yīng)放置在（）。A、<'head><'/head>標(biāo)記之間B、HTML中的任意位置C、<'title><'/title>標(biāo)記之間D、<'body><'/body>標(biāo)記之間正確答案：D30.下列選項中，符合后代選擇器書寫要求的是（）。A、pstrong{font-weight:bold;}B、p,strong{font-weight:bold;}C、p.strong{font-weight:bold;}D、p#div{font-weight:bold;}正確答案：A二、多選題（共22題，每題1分，共22分）1.HTML中文譯為“超文本標(biāo)記語言”，主要是通過HTML標(biāo)記對網(wǎng)頁中的（）等內(nèi)容進行描述。A、文本B、聲音C、圖片D、word文檔正確答案：ABC2.下面選項中，屬于網(wǎng)頁構(gòu)成元素的是（）。A、音頻B、psd文件C、視頻D、文字正確答案：ACD3.下列樣式代碼中，用于定義盒子上邊框為2像素、單實線、灰色的是（）。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;正確答案：AD4.下列樣式代碼中，可用于設(shè)置背景圖像平鋪方式的是（）。A、background-repeat:no-repeat;B、background-repeat:repeat-x;C、background-attachment:fixed;D、background-attachment:scroll;正確答案：AB5.text-align屬性用于設(shè)置文本內(nèi)容的水平對齊，其可用屬性值有（）。A、centerB、leftC、rightD、middlemiddle正確答案：ABC6.下面哪些是網(wǎng)頁中的元素？（）A、文字B、圖片C、視頻、音頻D、超鏈接正確答案：ABCD7.下列選項中，可用于更改元素左外邊距的是（）。A、margin-leftB、marginC、padding-rightD、text-indent正確答案：AB8.在盒子模型中邊框是一個重要的屬性，下列選項中屬于邊框?qū)傩缘氖牵ǎ?。A、border-heightB、border-colorC、border-widthD、border-style正確答案：BCD9.下面的選項中，哪些CSS屬性沒有繼承性？（）A、字體屬性B、邊框?qū)傩訡、邊距屬性D、字號屬性正確答案：BC10.制作網(wǎng)頁時一般需要兼容下列選項中的哪些瀏覽器（）。A、ieB、歐朋C、火狐D、谷歌正確答案：ACD11.關(guān)于HTML的描述，下列說法正確的是（）。A、初期的HTML在語法上很寬松B、目前最新的HTML版本是HTML5C、HTML是更嚴(yán)謹純凈的XHTML版本D、HTML提供了許多標(biāo)記，用于對網(wǎng)頁內(nèi)容進行描述正確答案：ABD12.下列標(biāo)記中，用來設(shè)置文本為粗體的是（）。A、<'del><'/del>B、<'strong><'/strong>C、<'u><'/u>D、<'b><'/b>正確答案：BD13.下面的選項中，支持透明的圖像是（）。A、jpg格式B、gif格式C、png格式D、psd格式正確答案：BC14.關(guān)于列表的嵌套，下列說法正確的是（）。A、無序列表中只能嵌套無序列表。B、<'li>與<'/li>之間相當(dāng)于一個容器，可以嵌套無序列表、有序列表等網(wǎng)頁元素。C、有序列表中只能嵌套有序列表。D、無序列表和有序列表可以相互嵌套。正確答案：BD15.文檔窗口是Dreamweaver最常用到的區(qū)域之一，此處會顯示所有打開的文檔?？勺儞Q文檔的顯示方式的選擇按鈕是（）。A、代碼B、拆分C、設(shè)計D、重置正確答案：ABC16.下列選項中，屬于單標(biāo)記的是（）。A、<'br/>B、<'p>C、<'hr/>D、<'h2><'/h2>正確答案：AC17.下列選項中的術(shù)語名詞，屬于網(wǎng)頁術(shù)語的是（）。A、WEBB、HTTPC、DNSD、iOS正確答案：ABC18.關(guān)于后代選擇器，下列說法正確的是（）。A、后代選擇器可以用于很多層的標(biāo)簽嵌套。B、后代選擇器外層標(biāo)記寫在前面，內(nèi)層標(biāo)記寫在后面。C、后代選擇器主要用于嵌套的標(biāo)簽。D、后代選擇器多個標(biāo)簽之間是用空格隔開的。正確答案：ABCD19.下列選項中，可清除元素默認內(nèi)外邊距的是（）。A、font-size:0;B、margin:0;C、line-height:0;D、padding:0;正確答案：BD20.下面選項中，有哪些瀏覽器是基于IE內(nèi)核？（）A、谷歌瀏覽器B、360瀏覽器C、遨游瀏覽器D、搜狗瀏覽器正確答案：BCD21.瀏覽器是網(wǎng)頁運行的平臺，下列屬于網(wǎng)頁制作中常用瀏覽器的是（）。A、谷歌B、IEC、搜狗D、火狐正確答案：ABD22.下列選項中，關(guān)于并集選擇器的書寫格式正確的是（）。A、p,.one,#two,div.box{}B、p,.one{}C、p_.one{}D、p.one{}正確答案：AB三、判斷題（共49題，每題1分，共49分）1.在<'font>標(biāo)記中，size可以取到的值為1~8。A、正確B、錯誤正確答案：B2.在圖像常用格式中，JPG是一種有損壓縮的圖像格式。A、正確B、錯誤正確答案：A3.CSS基礎(chǔ)選擇器僅有三種，分別是標(biāo)記選擇器、類選擇器、id選擇器。A、正確B、錯誤正確答案：B4.如果需要在后代選擇器中加入更多的元素，只需在元素之間加上逗號即可。A、正確B、錯誤正確答案：B5.<'i><'/i>和<'em><'/em>都用來表示文字以斜體方式顯示，但是一般推薦使用<'i>。A、正確B、錯誤正確答案：B6.不可以針對不同的瀏覽器設(shè)置不同的CSS樣式。A、正確B、錯誤正確答案：B7.在CSS中設(shè)置邊框綜合屬性時，各個屬性的值之間需要使用空格隔開。A、正確B、錯誤正確答案：A8.如果不給<'img/>標(biāo)記設(shè)置寬和高，圖片就會按照他的原始尺寸顯示。A、正確B、錯誤正確答案：A9.創(chuàng)建圖像超鏈接時，通常使用超鏈接標(biāo)記<'a><'/a>環(huán)繞圖像來定義。A、正確B、錯誤正確答案：A10.在<'meta>標(biāo)記中使用name屬性提供搜索內(nèi)容名稱。設(shè)置網(wǎng)頁關(guān)鍵字時，name的值為keywords。A、正確B、錯誤正確答案：A11.通過vspace和hspace屬性可以分別調(diào)整圖像的垂直邊距和水平邊距。A、正確B、錯誤正確答案：A12.網(wǎng)頁當(dāng)中的常用圖片格式是jpg，png和tif格式。A、正確B、錯誤正確答案：B13.在超鏈接中，當(dāng)target取值為“_self”，意為在原窗口中打開鏈接頁面。A、正確B、錯誤正確答案：A14.后代選擇器用來選擇元素或元素組的后代，其寫法就是把外層標(biāo)記寫在前面，內(nèi)層標(biāo)記寫在后面，中間用空格分隔。A、正確B、錯誤正確答案：A15.有序列表即為有排列順序的列表，<'ol><'/ol>標(biāo)記用于定義有序列表。A、正確B、錯誤正確答案：A16.在CSS中border屬性是一個復(fù)合屬性。A、正確B、錯誤正確答案：A17.IE、火狐和谷歌是目前互聯(lián)網(wǎng)上的三大瀏覽器，其他常用的瀏覽器還有蘋果的Safari瀏覽器和歐朋瀏覽器等。A、正確B、錯誤正確答案：A18.在HTML中，<'dt><'/dt>標(biāo)記用于指定定義列表。A、正確B、錯誤正確答案：B19.所謂靜態(tài)網(wǎng)頁是指用戶無論何時何地訪問，網(wǎng)頁都會顯示固定的信息，即使網(wǎng)頁源代碼被重新修改上傳也不會改變。A、正確B、錯誤正確答案：B20.大多數(shù)網(wǎng)頁都是用HTML編寫網(wǎng)頁結(jié)構(gòu)和內(nèi)容，版面布局、文本或圖片的顯示樣式則使用CSS控制。A、正確B、錯誤正確答案：A21.CSS樣式中的選擇器嚴(yán)格區(qū)分大小寫，屬性和值可以不區(qū)分大小寫。A、正確B、錯誤正確答案：A22.W3C最重要的工作是發(fā)展Web規(guī)范，對互聯(lián)網(wǎng)的發(fā)展和應(yīng)用起到了基礎(chǔ)性和根本性的支撐作用。A、正確B、錯誤正確答案：A23.在圖像常用格式中，GIF只能處理256種顏色。A、正確B、錯誤正確答案：A24.默認情況下塊元素會獨自占據(jù)一整行或多整行。A、正確B、錯誤正確答案：A25.在Dreamweaver中，可以通過菜單欄中的【插入】→【HTML】→【特殊字符】選項直接插入相應(yīng)特殊字符的代碼。A、正確B、錯誤正確答案：A26.設(shè)置訪問前超鏈接的樣式，需要為<'a>標(biāo)簽添加鏈接偽類樣式：a:visited。A、正確B、錯誤正確答案：B27.在圖像常用格式中，PNG不但支持動畫，還支持透明。A、正確B、錯誤正確答案：B28.開頭處可以不使用<'!DOCTYPE>標(biāo)記為所有的XHTML文檔指定XHTML版本和類型。A、正確B、錯誤正確答案：B29.創(chuàng)建圖像超鏈接時，在任何瀏覽器中，圖像都會添加邊框效果。A、正確B、錯誤正確答案：A30.HTTP（英文Hypertexttransferprotocol的縮寫）中文譯為超文本傳輸協(xié)議。A、正確B、錯誤正確答案：A31.所有的標(biāo)簽都可以設(shè)置寬度和高度屬性。A、正確B、錯誤正確答案：B32.所有的瀏覽器對同一個CSS樣式的解析都相同，因此頁面在不同瀏覽器下的顯示效果完全一樣。A、正確B、錯誤正確答案：B33.網(wǎng)頁是多個盒子模型嵌套排列的結(jié)果。A、正確B、錯誤正確答案：A34.WWW（英文WorldWideWeb的縮寫）中文譯為“互聯(lián)網(wǎng)”。A、正確B、錯誤正確答案：B35.由于CSS內(nèi)嵌式寫法是將CSS樣式寫在HTML頁面中，所以內(nèi)嵌式寫法是不符合結(jié)構(gòu)與表現(xiàn)這一特點的。A、正確B、錯誤正確答案：B36.一個div的高度為200px，內(nèi)