網(wǎng)頁設(shè)計模擬題（附答案）

網(wǎng)頁設(shè)計模擬題（附答案）一、單選題（共30題，每題1分，共30分）1.在行內(nèi)式CSS樣式中，<'style>標(biāo)記可以設(shè)置元素的樣式，它一般位于（）標(biāo)記中<'title>標(biāo)記之后。A、<'h1>B、<'p>C、<'head>D、<'body>正確答案：C2.在CSS中，提供了字體樣式屬性來控制網(wǎng)頁中的字體。下面的字體樣式設(shè)置正確的是（）。正確答案：3.對于網(wǎng)頁制作者來說web的含義是什么？（）A、萬維網(wǎng)的縮寫B(tài)、可以簡單理解為網(wǎng)頁C、超媒體D、傳輸協(xié)議正確答案：B4.關(guān)于CSS的描述，下列說法正確的是（）。A、當(dāng)CSS作為獨立的文件時，必須以.html為后綴名B、CSS用于設(shè)置HTML頁面中的文本內(nèi)容、圖片的外形以及版面的布局等外觀顯示樣式。C、只有獨立的CSS文件才符合結(jié)構(gòu)與表現(xiàn)分離的特點D、目前流行的CSS版本為CSS3正確答案：B5."頁面上的div標(biāo)簽，其HTML代碼為<'divid="box"class="red">文字<'/div>，為其設(shè)置CSS樣式如下:#box{color:blue;}.red{color:red;}那么，文字的顏色將顯示為（）。"A、紅色B、藍色C、黑色D、白色正確答案：B6.<'div>標(biāo)記是網(wǎng)頁布局中最常用的標(biāo)記，其顯示類型為（）。A、浮動類型B、行內(nèi)塊類型C、行內(nèi)類型D、塊級類型正確答案：D7.text-transform屬性用于控制英文字符的大小寫。下列選項中，不屬于其屬性值的是（）。A、uppercaseB、capitalizeC、lowercaseD、line-through正確答案：D8.下面的選項中，屬于常用的圖片格式并且能夠做動畫的是（）。A、png格式B、jpg格式C、psd格式D、gif格式正確答案：D9.若要在網(wǎng)頁中插入樣式表main.css，以下用法中正確的是（）。正確答案：10.當(dāng)<'p>標(biāo)記內(nèi)嵌套<'strong>標(biāo)記時，就可以使用后代選擇器對其中的<'strong>標(biāo)記進行控制。下列寫法正確是（）。A、strong,p{color:red;}B、pstrong{color:red;}C、strongp{color:red;}D、p.strong{color:red;}正確答案：B11.為了更方便的控制網(wǎng)頁中各種各樣的字體，CSS提供了字體樣式屬性。下面選項中，設(shè)置字號大小書寫正確的是（）。A、{font-size:24px;}B、{font:24px;}C、{fontSize:24px;}D、{size:24px;}正確答案：A12.<'img/>標(biāo)記鏈接圖片的屬性是（）。A、srcB、altC、heightD、width正確答案：A13.在CSS中，提供了字體樣式屬性來控制網(wǎng)頁中的字體。下面的字體樣式設(shè)置正確的是（）。正確答案：14.當(dāng)通過定義列表實現(xiàn)圖文混排時，下列標(biāo)記中用于插入圖片的是（）。A、<'dd><'/dd>B、<'li><'/li>C、<'dl><'/dl>D、<'dt><'/dt>正確答案：D15.在Dreamweaver中，使用主瀏覽器預(yù)覽網(wǎng)頁的快捷鍵是（）。A、Ctrl+SB、F12C、F5D、Ctrl+F12正確答案：B16.在Dreamweaver中，新建HTML默認(rèn)文檔的快捷鍵是（）。A、Ctrl+NB、Ctrl+Shift+NC、Ctrl+Shift+SD、Ctrl+F12正確答案：B17.如果使用內(nèi)嵌式CSS樣式表定義<'p>標(biāo)記字號為12像素，鏈入式定義<'p>標(biāo)記顏色為紅色，那么段落文本將顯示為（）。A、只顯示12像素B、12像素紅色C、只顯示紅色D、以上都不正確正確答案：B18.定義列表常用于對術(shù)語或名詞進行解釋和描述，用一對（）標(biāo)記定義。A、<'dl><'dl>B、<'ol><'/ol>C、<'ul><'/ul>D、<'dt><'/dt>正確答案：A19.關(guān)于內(nèi)嵌式引入CSS樣式表，以下書寫正確的是（）。正確答案：20.下列樣式代碼中，用于定義盒子上邊框為1像素、藍色、單實線的是（）。A、border:1pxsolidblue;B、border-top:1pxsolidblue;C、border:1pxdashedblue;D、border-top:1pxdashedblue;正確答案：B21.在HTML文檔頭部標(biāo)記中，使用<'meta>標(biāo)記的name和content屬性可以為搜索引擎提供信息。設(shè)置網(wǎng)頁關(guān)鍵字的name屬性值應(yīng)該為（）。A、descriptionB、expiresC、charsetD、keywords正確答案：D22.URL的俗稱是什么？（）A、地址欄B、超鏈接C、網(wǎng)頁D、網(wǎng)址正確答案：D23.下面選項中，可以將HTML頁面的標(biāo)題設(shè)置為“傳智播客”的是（）。A、<'head>傳智播客<'/head>B、<'t>傳智播客<'/t>C、<'h>傳智播客<'/h>D、<'title>傳智播客<'/title>正確答案：D24.下列選項中，屬于定義列表的基本語法格式的是（）。A、<'ol><'li>列表項1<'/li><'li>列表項2<'/li>......<'/ol>B、<'ul><'li>列表項1<'/li><'li>列表項2<'/li>......<'/ul>C、<'dl><'dt>名詞1<'/dt><'dt>名詞2<'/dt>...<'/dl>D、<'dl><'dt>名詞1<'/dt><'dd>名詞1解釋1<'/dd><'dd>名詞1解釋2<'/dd>...<'/dl>正確答案：D25.在下列選項中，對代碼“margin:10px020px;”解釋正確的是（）。A、上下間距10px，左間距0，右間距20pxB、上間距10px，左間距0，右下間距20pxC、上間距10px，左右間距0，下間距20pxD、上間距10px，左間距0，右間距20px正確答案：C26.在HTML中，常用的字符集編碼方式有UTF-8和gb2312兩種。下列關(guān)于字符集的描述正確的是（）。A、UTF-8字符集中，只有中文，沒有日語、阿拉伯語等其他語言B、同樣的文本，使用UTF-8格式要比gb2312格式文件體積小C、UTF-8字符集由中國制定標(biāo)準(zhǔn)D、制作有韓語字符的網(wǎng)頁，不能使用gb2312字符集正確答案：D27.下列選項中，不是<'img/>標(biāo)記屬性的是（）。A、hrefB、altC、widthD、src正確答案：A28.在網(wǎng)頁中插入圖像，若圖像文件位于html文件的上一級文件夾，則在文件名之前加入（）。A、../../B、../C、/D、./正確答案：B29.下列屬性中，用于設(shè)置鼠標(biāo)懸停時圖像的提示文字的是（）。A、heightB、titleC、widthD、alt正確答案：B30.關(guān)于行內(nèi)式引入CSS樣式表，以下書寫正確的是（）。正確答案：二、多選題（共22題，每題1分，共22分）1.下列選項中，可清除元素默認(rèn)內(nèi)外邊距的是（）。A、font-size:0;B、line-height:0;C、margin:0;D、padding:0;正確答案：CD2.HTML中文譯為“超文本標(biāo)記語言”，主要是通過HTML標(biāo)記對網(wǎng)頁中的（）等內(nèi)容進行描述。A、文本B、圖片C、聲音D、word文檔正確答案：ABC3.在無序列表中經(jīng)常設(shè)置type屬性，下列屬于type屬性值的是（）。A、pointerB、circleC、discD、square正確答案：BCD4.在下面的選項中，符合CSS基礎(chǔ)選擇器的語法格式的是（）。A、p{font-size:12px;}B、#myfont{font-weight:bold;}C、.green{color:green;}D、*{margin:0;padding:0;}正確答案：ABCD5.盒子模型有多個屬性，其中元素內(nèi)容與邊框之間的距離通常被稱為（）。A、內(nèi)填充B、外填充C、外邊距D、內(nèi)邊距正確答案：AD6.下列選項中，說法正確的是（）。A、<'h2><'/h2>二級標(biāo)題是一個單標(biāo)記B、在HTML中還有一種特殊的標(biāo)記--注釋標(biāo)記C、在HTML標(biāo)記中分為單標(biāo)記和雙標(biāo)記D、<'p><'/p>是一個雙標(biāo)記正確答案：BCD7.關(guān)于HTML的描述，下列說法正確的是（）。A、HTML提供了許多標(biāo)記，用于對網(wǎng)頁內(nèi)容進行描述B、HTML是更嚴(yán)謹(jǐn)純凈的XHTML版本C、目前最新的HTML版本是HTML5D、初期的HTML在語法上很寬松正確答案：ACD8.在定義列表的基本語法中，<'dl><'/dl>標(biāo)記中需要嵌套（）標(biāo)記。A、<'td><'/td>B、<'dt><'/dt>C、<'p><'/p>D、<'dd><'/dd>正確答案：BD9.下面的應(yīng)用軟件，可以用于網(wǎng)頁制作開發(fā)的是（）。A、EditplusB、notepad++C、DreamweaverD、3Dmax正確答案：ABC10.關(guān)于列表的嵌套，下列說法正確的是（）。A、無序列表中只能嵌套無序列表。B、<'li>與<'/li>之間相當(dāng)于一個容器，可以嵌套無序列表、有序列表等網(wǎng)頁元素。C、有序列表中只能嵌套有序列表。D、無序列表和有序列表可以相互嵌套。正確答案：BD11.瀏覽器是網(wǎng)頁運行的平臺，下列屬于網(wǎng)頁制作中常用瀏覽器的是（）。A、IEB、谷歌C、搜狗D、火狐正確答案：ABD12.關(guān)于<'br/>標(biāo)記，下列說法正確的是（）。A、<'br/>標(biāo)記可以連續(xù)使用，比如<'br/><'br/>B、在代碼中，可以直接通過回車來實現(xiàn)換行效果，從而不用使用<'br/>標(biāo)記C、使用換行標(biāo)記<'br/>的段落可以實現(xiàn)強制換行的效果D、<'br/>標(biāo)記和<'p>標(biāo)記具有相同的語義正確答案：AC13.下面的選項中，哪些CSS屬性沒有繼承性？（）A、字體屬性B、邊框?qū)傩訡、邊距屬性D、字號屬性正確答案：BC14.HTML中文譯為“超文本標(biāo)記語言”，主要是通過HTML標(biāo)記對網(wǎng)頁中的（）等內(nèi)容進行描述。A、圖片B、數(shù)據(jù)C、文本D、聲音正確答案：ACD15.下列標(biāo)記中，屬于雙標(biāo)記的是（）。A、<'br/>B、<'hr/>C、<'h1>D、<'p>正確答案：CD16.下面哪些是網(wǎng)頁中的元素？（）A、圖片B、文字C、超鏈接D、視頻、音頻正確答案：ABCD17.下面選項中，關(guān)于內(nèi)邊距的說法正確的是（）。A、內(nèi)邊距指的是元素內(nèi)容與邊框之間的距離，也常常稱為內(nèi)填充B、在CSS中設(shè)置盒子的內(nèi)邊距，需要使用padding屬性C、內(nèi)邊距屬性padding是一個復(fù)合屬性D、padding屬性取值方法很多，但是不允許使用三值寫法正確答案：ABC18.下列選項中，關(guān)于標(biāo)簽指定式選擇器的寫法正確的是（）。A、div#current{color:red;}B、.current.p{color:red;}C、p.current{color:red;}D、divcurrent{color:red;}正確答案：AC19.關(guān)于定義無序列表的基本語法格式，以下描述正確的是（）。A、<'ul><'/ul>標(biāo)記用于定義無序列表。B、<'li><'/li>標(biāo)記嵌套在<'ul><'/ul>標(biāo)記中，用于描述具體的列表項。C、每對<'ul><'/ul>中至少應(yīng)包含一對<'li><'/li>。D、<'li>不可以定義type屬性，只能使用CSS樣式屬性代替。正確答案：ABC20.關(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正確答案：ACD21.text-align屬性用于設(shè)置文本內(nèi)容的水平對齊，其可用屬性值有（）。A、middlemiddleB、rightC、centerD、left正確答案：BCD22.Dreamweaver能創(chuàng)建以下哪種類型的文檔？（）A、JSB、CSSC、HTMLD、HTML模板正確答案：ABCD三、判斷題（共49題，每題1分，共49分）1.寬度屬性width和高度屬性height對塊元素?zé)o效。A、正確B、錯誤正確答案：B2.在HTML中，<'!DOCTYPE>文檔類型聲明可以省略不寫。A、正確B、錯誤正確答案：B3.在HTML標(biāo)記中，屬性之間不分先后順序，標(biāo)記名與屬性、屬性與屬性之間均以逗號分開。A、正確B、錯誤正確答案：B4.大多數(shù)網(wǎng)頁都是用HTML編寫網(wǎng)頁結(jié)構(gòu)和內(nèi)容，版面布局、文本或圖片的顯示樣式則使用CSS控制。A、正確B、錯誤正確答案：A5.創(chuàng)建圖像超鏈接時，在任何瀏覽器中，圖像都會添加邊框效果。A、正確B、錯誤正確答案：A6.每個元素都必須定義內(nèi)邊距、邊框、外邊距等盒子模型的基本屬性。A、正確B、錯誤正確答案：B7.在HTML中使用注釋標(biāo)記時，注釋內(nèi)容不會顯示在瀏覽器窗口中。A、正確B、錯誤正確答案：A8.在CSS中，任何的HTML標(biāo)記都擁有style屬性。A、正確B、錯誤正確答案：A9.在文本格式化標(biāo)記中，<'s><'/s>和<'del><'/del>都用來給文本添加下劃線。A、正確B、錯誤正確答案：B10.在CSS中border屬性是一個復(fù)合屬性。A、正確B、錯誤正確答案：A11.在CSS中，代碼“margin:10px0;”表示左右間距是10px，上下間距是0。A、正確B、錯誤正確答案：B12.網(wǎng)頁中需要定義什么內(nèi)容，就用相應(yīng)的HTML標(biāo)記描述即可。A、正確B、錯誤正確答案：A13.在<'meta>標(biāo)記中使用name屬性提供搜索內(nèi)容名稱。設(shè)置網(wǎng)頁關(guān)鍵字時，name的值為keywords。A、正確B、錯誤正確答案：A14.在嵌套結(jié)構(gòu)中，不管父元素樣式的權(quán)重多大，被子元素繼承時，它的權(quán)重都為0，也就是說子元素定義的樣式會覆蓋繼承來的樣式。A、正確B、錯誤正確答案：A15.使用并集選擇器定義樣式與對各個基礎(chǔ)選擇器單獨定義樣式效果完全不相同。A、正確B、錯誤正確答案：B16.text-align屬性用于設(shè)置文本內(nèi)容的水平對齊，可適用于所有元素。A、正確B、錯誤正確答案：B17.在超鏈接中“href”屬性用于指定鏈接頁面的打開方式。A、正確B、錯誤正確答案：B18.鏈入式最大的好處是同一個CSS樣式表可以被不同的HTML頁面鏈接使用。A、正確B、錯誤正確答案：A19.無序列表的列表項<'li><'/li>中只能嵌套無序列表。A、正確B、錯誤正確答案：B20.font-family屬性設(shè)置字體時，中文字體需要加英文狀態(tài)下的引號，英文字體一般不需要加引號。A、正確B、錯誤正確答案：A21.所有的瀏覽器對同一個CSS樣式的解析都相同，因此頁面在不同瀏覽器下的顯示效果完全一樣。A、正確B、錯誤正確答案：B22.導(dǎo)入式與鏈入式相同，都是針對外部樣式表文件的。A、正確B、錯誤正確答案：A23.在鏈入式CSS樣式中，一個HTML頁面只能引入一個樣式表。A、正確B、錯誤正確答案：B24.導(dǎo)入式與鏈入式相同，都是針對外部樣式表文件的。對HTML頭部文檔應(yīng)用style標(biāo)記，并在<'style>標(biāo)記內(nèi)的開頭處使用@important語句，即可導(dǎo)入外部樣式表文件。A、正確B、錯誤正確答案：A25.在HTML中，盒子模型的總高度等于“height+padding+margin”的尺寸總和。A、正確B、錯誤正確答案：B26.CSS非常靈活，既可以嵌入在HTML文檔中，也可以是一個單獨的外部文件。A、正確B、錯誤正確答案：A27.id選擇器使用“.”進行標(biāo)識，后面緊跟id名。A、正確B、錯誤正確答案：B28.在HTML中，<'p>標(biāo)記中可以嵌套<'p>標(biāo)記。A、正確B、錯誤正確答案：B29.在HTML標(biāo)記中，<'h1>標(biāo)記屬于雙標(biāo)記。A、正確B、錯誤正確答案：A30.<'hr/>為單標(biāo)記，用于定義一條水平線。A、正確B、錯誤正確答案：A31."圖像文件和html文件位于同一文件夾，相對地址為<'imgsrc="logo.gif"/>。"A、正確B、錯誤正確答案：A32.無序列表的各個列表項之間，雖然沒有順序級別之分，但是存在主從關(guān)系。A、正確B、錯誤正確答案：B33.<'title>標(biāo)記用于定義HTML文檔的頭部信息，也稱為頭部標(biāo)記。A、正確B、錯誤正確答案：B34.在設(shè)置邊框?qū)挾群瓦吙蝾伾珪r，必須同時設(shè)置邊框樣式。A、正確B、錯誤正確答案：A35.在HTML語言中，常用的列表有三種，分別為無序列表、有序列表和定義列表。A、正確B、錯