網(wǎng)頁(yè)設(shè)計(jì)模擬練習(xí)題（含答案）

網(wǎng)頁(yè)設(shè)計(jì)模擬練習(xí)題（含答案）一、單選題（共30題，每題1分，共30分）1.下面選項(xiàng)中，可以將HTML5頁(yè)面的標(biāo)題設(shè)置為“網(wǎng)頁(yè)設(shè)計(jì)”的是（）。A、<'title>網(wǎng)頁(yè)設(shè)計(jì)<'/title>B、<'t>網(wǎng)頁(yè)設(shè)計(jì)<'/t>C、<'h>網(wǎng)頁(yè)設(shè)計(jì)<'/h>D、<'head>網(wǎng)頁(yè)設(shè)計(jì)<'/head>正確答案：A2.一個(gè)盒子的寬（width）和高（height）均為300px，左內(nèi)邊距為30px，同時(shí)盒子有3px的邊框，請(qǐng)問(wèn)這個(gè)盒子的總寬度是多少？（）A、336pxB、363pxC、333pxD、366px正確答案：A3.關(guān)于行內(nèi)式引入CSS樣式表，以下書(shū)寫(xiě)正確的是（）。正確答案：4.在HTML中，用于設(shè)置頁(yè)面元信息的標(biāo)示符是（）。A、<'head>B、<'meta>C、<'base>D、<'title>正確答案：B5.關(guān)于盒子模型中的寬度和高度屬性，下面說(shuō)法正確的是（）。A、盒子模型中的寬度和高度屬性適用于所有元素B、盒子模型中的寬度和高度屬性僅適用于行內(nèi)元素C、盒子模型中的寬度和高度屬性僅適用于塊級(jí)元素D、以上說(shuō)法都正確正確答案：C6.網(wǎng)頁(yè)中的圖像文件位于html文件的下一級(jí)文件夾img下，則以下CSS書(shū)寫(xiě)正確的是（）。正確答案：7.對(duì)于網(wǎng)頁(yè)制作者來(lái)說(shuō)web的含義是什么？（）A、超媒體B、可以簡(jiǎn)單理解為網(wǎng)頁(yè)C、萬(wàn)維網(wǎng)的縮寫(xiě)D、傳輸協(xié)議正確答案：B8.在CSS中，提供了字體樣式屬性來(lái)控制網(wǎng)頁(yè)中的字體。下面的字體樣式設(shè)置正確的是（）。正確答案：9.當(dāng)通過(guò)定義列表實(shí)現(xiàn)圖文混排時(shí)，下列標(biāo)記中用于插入圖片的是（）。A、<'dd><'/dd>B、<'li><'/li>C、<'dl><'/dl>D、<'dt><'/dt>正確答案：D10.關(guān)于內(nèi)嵌式引入CSS樣式表，以下書(shū)寫(xiě)正確的是（）。正確答案：11.下面標(biāo)記中，用來(lái)顯示段落的標(biāo)記是（）。A、<'br/>B、<'img/>C、<'p>D、<'h1>正確答案：C12.在HTML文檔頭部標(biāo)記中，使用<'meta>標(biāo)記的name和content屬性可以為搜索引擎提供信息。設(shè)置網(wǎng)頁(yè)描述的name屬性值應(yīng)該為（）。A、charsetB、descriptionC、expiresD、keywords正確答案：B13.下列標(biāo)記中，用于定義HTML文檔所要顯示內(nèi)容的是（）。A、<'html><'/html>B、<'body><'/body>C、<'title><'/title>D、<'head><'/head>正確答案：B14.下列選項(xiàng)中，符合后代選擇器書(shū)寫(xiě)要求的是（）。A、p.strong{font-weight:bold;}B、p,strong{font-weight:bold;}C、pstrong{font-weight:bold;}D、p#div{font-weight:bold;}正確答案：C15.下面關(guān)于網(wǎng)頁(yè)設(shè)計(jì)名詞，錯(cuò)誤的是（）。A、HTMLB、PSC、DWD、AP正確答案：D16.下列選項(xiàng)中，符合標(biāo)簽指定式選擇器的寫(xiě)法要求的是（）。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è)選擇器之間必須有空格。正確答案：A17.下面標(biāo)記中，表示換行的標(biāo)記是（）。A、<'enter>B、<'hr/>C、<'br/>D、<'h1>正確答案：C18.使用標(biāo)簽指定式選擇器，讓段落應(yīng)用class名為test的類，下列寫(xiě)法正確的是（）。A、p.test{color:red;}B、p,test{color:red;}C、p.test{color:red;}D、p#test{color:red;}正確答案：C19."頁(yè)面上的div標(biāo)簽，其HTML代碼為<'divid="box"class="red">文字<'/div>，為其設(shè)置CSS樣式如下:#box{color:blue;}.red{color:red;}那么，文字的顏色將顯示為（）。"A、紅色B、藍(lán)色C、黑色D、白色正確答案：B20.下列標(biāo)記中，用于定義HTML5文檔所要顯示內(nèi)容的是（）。A、<'body><'/body>B、<'head><'/head>C、<'title><'/title>D、<'html><'/html>正確答案：A21.關(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;}正確答案：A22.在HTML中，表示內(nèi)嵌CSS樣式的標(biāo)記是（）。A、<'title>B、<'style>C、<'head>D、<'meta>正確答案：B23.使用標(biāo)簽指定式選擇器，讓段落應(yīng)用class名為test的類，下列寫(xiě)法正確的是（）。A、p.test{color:red;}B、.p.test{color:red;}C、p#test{color:red;}D、.p,test{color:red;}正確答案：A24.在HTML中，網(wǎng)頁(yè)要顯示的主體內(nèi)容應(yīng)放置在（）。A、HTML中的任意位置B、<'title><'/title>標(biāo)記之間C、<'head><'/head>標(biāo)記之間D、<'body><'/body>標(biāo)記之間正確答案：D25.使用內(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)記之間正確答案：D26.在CSS中，用于設(shè)置首行文本縮進(jìn)的屬性是（）。A、text-decorationB、text-alignC、text-transformD、text-indent正確答案：D27.在定義列表中，用于對(duì)名詞進(jìn)行解釋和描述的標(biāo)記是（）。A、<'dd><'/dd>B、<'li><'/li>C、<'dt><'/dt>D、<'dl><'/dl>正確答案：A28.下列選項(xiàng)中，定義無(wú)序列表的基本語(yǔ)法格式正確的是（）。A、<'ul><'li>列表項(xiàng)1<'/li><'li>列表項(xiàng)2<'/li>......<'/ul>B、<'ul>......<'/ul>C、<'ul>……<'/ul><'ul>……<'/ul><'ul>……<'/ul>D、<'ul><'ul>列表項(xiàng)1<'/ul><'ul>列表項(xiàng)2<'/ul>......<'/ul>正確答案：A29.text-transform屬性用于控制英文字符的大小寫(xiě)。下列選項(xiàng)中，不屬于其屬性值的是（）。A、capitalizeB、line-throughC、lowercaseD、uppercase正確答案：B30.開(kāi)發(fā)網(wǎng)頁(yè)的工具有多種，在實(shí)際工作中，最常用的的網(wǎng)頁(yè)制作工具是（）。A、EditplusB、notepad++C、sublimeD、Dreamweaver正確答案：D二、多選題（共22題，每題1分，共22分）1.關(guān)于列表的嵌套，下列說(shuō)法正確的是（）。A、<'li>與<'/li>之間相當(dāng)于一個(gè)容器，可以嵌套無(wú)序列表、有序列表等網(wǎng)頁(yè)元素。B、無(wú)序列表中只能嵌套無(wú)序列表。C、有序列表中只能嵌套有序列表。D、無(wú)序列表和有序列表可以相互嵌套。正確答案：AD2.下列選項(xiàng)中，可用于更改元素左外邊距的是（）。A、padding-rightB、text-indentC、margin-leftD、margin正確答案：CD3.下面的選項(xiàng)中，關(guān)于Web標(biāo)準(zhǔn)說(shuō)法正確的是（）。A、Web標(biāo)準(zhǔn)主要包括結(jié)構(gòu)標(biāo)準(zhǔn)、表現(xiàn)標(biāo)準(zhǔn)和行為標(biāo)準(zhǔn)三個(gè)方面。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)并不是某一個(gè)標(biāo)準(zhǔn)，而是一系列標(biāo)準(zhǔn)的集合。正確答案：AD4.下列選項(xiàng)中屬于Web標(biāo)準(zhǔn)構(gòu)成部分的是（）。A、結(jié)構(gòu)標(biāo)準(zhǔn)B、描述標(biāo)準(zhǔn)C、行為標(biāo)準(zhǔn)D、表現(xiàn)標(biāo)準(zhǔn)正確答案：ACD5.下面選項(xiàng)中，屬于盒子模型主要屬性的是（）。A、marginB、paddingC、typeD、border正確答案：ABD6.下列標(biāo)記中，屬于雙標(biāo)記的是（）。A、<'hr/>B、<'h1>C、<'p>D、<'br/>正確答案：BC7.在無(wú)序列表中經(jīng)常設(shè)置type屬性，下列屬于type屬性值的是（）。A、circleB、discC、pointerD、square正確答案：ABD8.下面選項(xiàng)中，屬于盒子模型基本屬性的是（）。A、寬和高B、邊框C、外邊距D、內(nèi)邊距正確答案：ABCD9.下面的選項(xiàng)中，CSS樣式書(shū)寫(xiě)正確的是（）。A、p{font-size:12px;color:red;}B、p{font-size=12px;color=red}C、p{font-size:12px;}D、p{font-size:12;color:red;}正確答案：AC10.下面的選項(xiàng)中，定義字號(hào)大小正確的是（）。正確答案：11.text-align屬性用于設(shè)置文本內(nèi)容的水平對(duì)齊，其可用屬性值有（）。A、leftB、centerC、middlemiddleD、right正確答案：ABD12.下列標(biāo)記中，能使文字變?yōu)樾斌w的是（）。A、<'u>B、<'ins>C、<'i>D、<'em>正確答案：CD13.瀏覽器是網(wǎng)頁(yè)運(yùn)行的平臺(tái)，下列屬于網(wǎng)頁(yè)制作中常用瀏覽器的是（）。A、搜狗B、IEC、火狐D、谷歌正確答案：BCD14.下面選項(xiàng)中，關(guān)于內(nèi)邊距的說(shuō)法正確的是（）。A、內(nèi)邊距指的是元素內(nèi)容與邊框之間的距離，也常常稱為內(nèi)填充B、在CSS中設(shè)置盒子的內(nèi)邊距，需要使用padding屬性C、內(nèi)邊距屬性padding是一個(gè)復(fù)合屬性D、padding屬性取值方法很多，但是不允許使用三值寫(xiě)法正確答案：ABC15.在下面的選項(xiàng)中，符合CSS基礎(chǔ)選擇器的語(yǔ)法格式的是（）。A、p{font-size:12px;}B、#myfont{font-weight:bold;}C、.green{color:green;}D、*{margin:0;padding:0;}正確答案：ABCD16.下列樣式代碼中，可用于設(shè)置背景圖像平鋪方式的是（）。A、background-repeat:no-repeat;B、background-attachment:scroll;C、background-attachment:fixed;D、background-repeat:repeat-x;正確答案：AD17.關(guān)于內(nèi)邊距屬性的賦值方式，下列說(shuō)法正確的是（）。A、padding:10px;表示盒子四個(gè)方向padding均為10pxB、padding:10px20px30px;表示上為10px，右20px，下30px，左0pxC、padding:10px20px;表示上下為10px，左右為20pxD、padding:10px20px30px40px;表示上右下左內(nèi)邊距分別為10px、20px、30px、40px正確答案：ACD18.HTML中文譯為“超文本標(biāo)記語(yǔ)言”，主要是通過(guò)HTML標(biāo)記對(duì)網(wǎng)頁(yè)中的（）等內(nèi)容進(jìn)行描述。A、文本B、圖片C、數(shù)據(jù)D、聲音正確答案：ABD19.制作網(wǎng)頁(yè)時(shí)一般需要兼容下列選項(xiàng)中的哪些瀏覽器（）。A、火狐B、歐朋C、ieD、谷歌正確答案：ACD20.下列選項(xiàng)中，可清除元素默認(rèn)內(nèi)外邊距的是（）。A、padding:0;B、font-size:0;C、line-height:0;D、margin:0;正確答案：AD21.關(guān)于并集選擇器的描述，下列說(shuō)法正確的是（）。A、并集選擇器的各個(gè)選擇器通過(guò)逗號(hào)連接B、并集選擇器用空格分隔C、并集選擇器把選中的元素設(shè)置成相同的樣式D、并集選擇器不能和其他選擇器一起使用正確答案：AC22.下列樣式代碼中，用于定義盒子上邊框?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;正確答案：AD三、判斷題（共49題，每題1分，共49分）1.<'div>標(biāo)記最大的意義在于和浮動(dòng)屬性float配合，實(shí)現(xiàn)網(wǎng)頁(yè)的布局。A、正確B、錯(cuò)誤正確答案：A2.由于CSS內(nèi)嵌式寫(xiě)法是將CSS樣式寫(xiě)在HTML頁(yè)面中，所以內(nèi)嵌式寫(xiě)法是不符合結(jié)構(gòu)與表現(xiàn)這一特點(diǎn)的。A、正確B、錯(cuò)誤正確答案：B3.text-align屬性用于設(shè)置文本內(nèi)容的水平對(duì)齊，可適用于所有元素。A、正確B、錯(cuò)誤正確答案：B4.HTML語(yǔ)言主要是通過(guò)HTML標(biāo)記對(duì)網(wǎng)頁(yè)中的文本、圖片、聲音等內(nèi)容進(jìn)行描述。A、正確B、錯(cuò)誤正確答案：A5.清除鏈接圖像的邊框效果，是為了使圖像正常顯示。A、正確B、錯(cuò)誤正確答案：A6.鏈入式最大的好處是同一個(gè)CSS樣式表可以被不同的HTML頁(yè)面鏈接使用。A、正確B、錯(cuò)誤正確答案：A7.列表的嵌套通常是指有序列表和無(wú)序列表的嵌套，因此定義列表不能用在列表的嵌套中。A、正確B、錯(cuò)誤正確答案：B8.在設(shè)置邊框?qū)挾群瓦吙蝾伾珪r(shí)，必須同時(shí)設(shè)置邊框樣式。A、正確B、錯(cuò)誤正確答案：A9.在萬(wàn)維網(wǎng)上的所有文件（HTML、CSS、圖片、音樂(lè)、視頻等）都有唯一的URL，只要知道資源的URL，就能夠?qū)ζ溥M(jìn)行訪問(wèn)。A、正確B、錯(cuò)誤正確答案：A10.外邊距屬性的取值不可以為負(fù)值。A、正確B、錯(cuò)誤正確答案：B11.在HTML中，標(biāo)記可以擁有多個(gè)屬性。A、正確B、錯(cuò)誤正確答案：A12.<'html>標(biāo)記標(biāo)志著HTML文檔的開(kāi)始，<'/html>標(biāo)記標(biāo)志著HTML文檔的結(jié)束。A、正確B、錯(cuò)誤正確答案：A13.在圖像常用格式中，JPG是一種有損壓縮的圖像格式。A、正確B、錯(cuò)誤正確答案：A14.內(nèi)嵌式CSS樣式只對(duì)其所在的HTML頁(yè)面有效，因此，僅設(shè)計(jì)一個(gè)頁(yè)面時(shí)可以使用內(nèi)嵌式。A、正確B、錯(cuò)誤正確答案：A15.在CSS中，background-color是用來(lái)設(shè)置背景圖像位置的屬性。A、正確B、錯(cuò)誤正確答案：B16.URL（英文UniformResourceLocator的縮寫(xiě)）中文譯為“統(tǒng)一資源定位符”。URL其實(shí)就是Web地址，俗稱“網(wǎng)址”。A、正確B、錯(cuò)誤正確答案：A17.在鏈入式CSS樣式中，一個(gè)HTML頁(yè)面只能引入一個(gè)樣式表。A、正確B、錯(cuò)誤正確答案：B18.實(shí)際網(wǎng)頁(yè)制作過(guò)程中，最常用的網(wǎng)頁(yè)制作工具是Dreamweaver。A、正確B、錯(cuò)誤正確答案：A19.在CSS中，任何的HTML標(biāo)記都擁有style屬性。A、正確B、錯(cuò)誤正確答案：A20.<'p>標(biāo)記中，可以插入<'h1>~<'h6>系列標(biāo)記。A、正確B、錯(cuò)誤正確答案：B21.在CSS中設(shè)置邊框綜合屬性時(shí)，各個(gè)屬性的值之間需要使用空格隔開(kāi)。A、正確B、錯(cuò)誤正確答案：A22.所謂靜態(tài)網(wǎng)頁(yè)是指用戶無(wú)論何時(shí)何地訪問(wèn)，網(wǎng)頁(yè)都會(huì)顯示固定的信息，即使網(wǎng)頁(yè)源代碼被重新修改上傳也不會(huì)改變。A、正確B、錯(cuò)誤正確答案：B23.瀏覽器中顯示的所有文本、圖像、音頻和視頻等信息都必須位于<'body>標(biāo)記內(nèi)。A、正確B、錯(cuò)誤正確答案：A24.導(dǎo)入式與鏈入式相同，都是針對(duì)外部樣式表文件的。A、正確B、錯(cuò)誤正確答案：A25.在HTML頁(yè)面中，帶有“<'>”符號(hào)的元素被稱為HTML標(biāo)記。A、正確B、錯(cuò)誤正確答案：A26.由于采用內(nèi)嵌式引入的CSS樣式寫(xiě)在HTML頁(yè)面中，因此背離了結(jié)構(gòu)與表現(xiàn)相分離的原則。A、正確B、錯(cuò)誤正確答案：B27.外邊距指的是元素邊框與相鄰元素之間的距離。A、正確B、錯(cuò)誤正確答案：A28.目前最新的HTML版本是HTML5，但是由于各個(gè)瀏覽器對(duì)其支持不統(tǒng)一，所以還沒(méi)有得到廣泛應(yīng)用。A、正確B、錯(cuò)誤正確答案：A29.在超鏈接中，如果暫時(shí)沒(méi)有確定鏈接目標(biāo)，通常將<'a>標(biāo)記的href屬性值定義為“*”。A、正確B、錯(cuò)誤正確答案：B30.所有的瀏覽器對(duì)同一個(gè)CSS樣式的解析都相同，因此頁(yè)面在不同瀏覽器下的顯示效果完全一樣。A、正確B、錯(cuò)誤正確答案：B31.在CSS中，書(shū)寫(xiě)圖片路徑的時(shí)候，盡量使用絕對(duì)路徑，因?yàn)榭梢愿€(wěn)定簡(jiǎn)潔。A、正確B、錯(cuò)誤正確答案：B32.CSS樣式中的注釋“/**/”中的內(nèi)容，瀏覽器不會(huì)解析，主要是用于提示初學(xué)者。A、正確B、錯(cuò)誤正確答案：A33.頁(yè)面中的信息，必須放在相應(yīng)的HTML標(biāo)記中，才能被瀏覽器正確解析。A、正確B、錯(cuò)誤正確答案：A34.后代選擇器用來(lái)選擇元素或元素組的后代，其寫(xiě)法就是把外層標(biāo)記寫(xiě)在前面，內(nèi)層標(biāo)記寫(xiě)在后面，中間用空格分隔。A、正確B、錯(cuò)誤正確答案：A35.網(wǎng)頁(yè)當(dāng)中的常用圖片格式是jpg，png和tif格式。A、正確B、錯(cuò)誤正確答