網頁設計模擬習題含參考答案一、單選題（共30題，每題1分，共30分）1.在行內式CSS樣式中，<'style>標記可以設置元素的樣式，它一般位于（）標記中<'title>標記之后。A、<'h1>B、<'p>C、<'head>D、<'body>正確答案：C2.在CSS中，提供了字體樣式屬性來控制網頁中的字體。下面的字體樣式設置正確的是（）。正確答案：3.在下列屬性中，用來定義文本字體大小的是（）。A、faceB、sizeC、alignD、color正確答案：B4.定義有序列表<'ol>的（）屬性，可以決定有序列表項目符號的類型。A、typeB、hrefC、valueD、rel正確答案：A5.在下列選項中，對代碼“margin:10px020px;”解釋正確的是（）。A、上下間距10px，左間距0，右間距20pxB、上間距10px，左間距0，右間距20pxC、上間距10px，左右間距0，下間距20pxD、上間距10px，左間距0，右下間距20px正確答案：C6.開發網頁的工具有多種，在實際工作中，最常用的的網頁制作工具是（）。A、EditplusB、notepad++C、sublimeD、Dreamweaver正確答案：D7.下面的選項中，CSS樣式規則的具體格式正確的是（）。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}正確答案：C8.位于HTML文檔的最前面，用于向瀏覽器說明當前文檔使用哪種HTML或XHTML標準規范的標記是（）。A、<'!DOCTYPE>B、<'head><'/head>C、<'title><'/title>D、<'html><'/html>正確答案：A9.在HTML文檔頭部標記中，使用<'meta>標記的name和content屬性可以為搜索引擎提供信息。設置網頁關鍵字的name屬性值應該為（）。A、keywordsB、expiresC、descriptionD、charset正確答案：A10.關于樣式代碼“.box{width:200px;padding:15px;margin:20px;}”下列說法正確的是（）。A、box的總寬度為200pxB、box的總寬度為270pxC、box的總寬度為235pxD、以上說法均錯誤正確答案：B11.關于CSS的描述，下列說法正確的是（）。A、當CSS作為獨立的文件時，必須以.html為后綴名B、CSS用于設置HTML頁面中的文本內容、圖片的外形以及版面的布局等外觀顯示樣式。C、只有獨立的CSS文件才符合結構與表現分離的特點D、目前流行的CSS版本為CSS3正確答案：B12.下列選項中，屬于定義有序列表的基本語法格式的是（）。A、<'ul>......<'/ul>B、<'ol><'li>列表項1<'/li><'li>列表項2<'/li>......<'/ol>C、<'ul><'li>列表項1<'/li><'li>列表項2<'/li>......<'/ul>D、<'ol>……<'/ol><'ol>……<'/ol><'ol>……<'/ol>正確答案：B13.定義列表常用于對術語或名詞進行解釋和描述，用一對（）標記定義。A、<'dt><'/dt>B、<'ol><'/ol>C、<'dl><'dl>D、<'ul><'/ul>正確答案：C14.下列選項中，不是<'img/>標記屬性的是（）。A、srcB、hrefC、heightD、width正確答案：B15.下面標記中，用來顯示段落的標記是（）。A、<'p>B、<'br/>C、<'img/>D、<'h1>正確答案：A16.在HTML中，用于設置頁面元信息的標示符是（）。A、<'title>B、<'head>C、<'meta>D、<'base>正確答案：C17.下列選項中哪個表示有序列表？（）A、<'ol><'/ol>B、<'li><'/li>C、<'ul><'/ul>D、<'dd><'/dd>正確答案：A18.下列選項中，符合后代選擇器書寫要求的是（）。A、p#div{font-weight:bold;}B、p.strong{font-weight:bold;}C、p,strong{font-weight:bold;}D、pstrong{font-weight:bold;}正確答案：D19.下面選項中，可以將HTML5頁面的標題設置為“網頁設計”的是（）。A、<'t>網頁設計<'/t>B、<'head>網頁設計<'/head>C、<'h>網頁設計<'/h>D、<'title>網頁設計<'/title>正確答案：D20.使用CSS時，需要遵從一定的規范。下面選項中，CSS樣式書寫正確的是（）。A、h1{font:12px;}B、h1[font_size:12px;]C、h1（font:size;）D、h1{font-size:12px;}正確答案：D21.下列選項中，用于改變盒子模型外邊距的是（）。A、marginB、borderC、paddingD、type正確答案：A22.在HTML中，常用的字符集編碼方式有UTF-8和gb2312兩種。下列關于字符集的描述正確的是（）。A、UTF-8字符集中，只有中文，沒有日語、阿拉伯語等其他語言B、同樣的文本，使用UTF-8格式要比gb2312格式文件體積小C、UTF-8字符集由中國制定標準D、制作有韓語字符的網頁，不能使用gb2312字符集正確答案：D23."頁面上的div標簽，其HTML代碼為<'divid="box"class="red">文字<'/div>，為其設置CSS樣式如下:#box{color:blue;}.red{color:red;}那么，文字的顏色將顯示為（）。"A、紅色B、藍色C、黑色D、白色正確答案：B24.下列選項中哪個表示無序列表？（）A、<'ol><'/ol>B、<'ul><'/ul>C、<'li><'/li>D、<'dd><'/dd>正確答案：B25.在HTML中，表示內嵌CSS樣式的標記是（）。A、<'title>B、<'style>C、<'head>D、<'meta>正確答案：B26.下列選項中，用于更改元素左內邊距的是（）。A、margin-leftB、padding-leftC、text-indentD、padding-right正確答案：B27.下面的選項中，表示元素距離上下左右的外邊距都是10px的是哪一項？（）A、{padding:10px;}B、{padding:10px0;}C、{margin:10px;}D、{margin:10px0;}正確答案：C28.下列選項中，不是<'img/>標記屬性的是（）。A、srcB、widthC、altD、href正確答案：D29.下列選項中，符合標簽指定式選擇器的寫法要求的是（）。A、由兩個選擇器構成，其中第一個為標記選擇器，第二個為class選擇器或id選擇器，兩個選擇器之間不能有空格。B、由兩個選擇器構成，其中第一個為標記選擇器，第二個為class選擇器或id選擇器，兩個選擇器之間必須有空格。C、由兩個選擇器構成，其中第一個為標記選擇器，第二個必須為class選擇器，兩個選擇器之間不能有空格。D、由兩個選擇器構成，其中第一個為標記選擇器，第二個為id選擇器，兩個選擇器之間必須有空格。正確答案：A30.關于行內式引入CSS樣式表，以下書寫正確的是（）。正確答案：二、多選題（共22題，每題1分，共22分）1.適合在網絡上使用的圖片格式主要有（）。A、bmpB、gjfC、pngD、jpg正確答案：BCD2.關于定義無序列表的基本語法格式，以下描述正確的是（）。A、<'ul><'/ul>標記用于定義無序列表。B、<'li><'/li>標記嵌套在<'ul><'/ul>標記中，用于描述具體的列表項。C、每對<'ul><'/ul>中至少應包含一對<'li><'/li>。D、<'li>不可以定義type屬性，只能使用CSS樣式屬性代替。正確答案：ABC3.盒子模型有多個屬性，其中元素內容與邊框之間的距離通常被稱為（）。A、外邊距B、外填充C、內填充D、內邊距正確答案：CD4.下列選項中，關于標簽指定式選擇器的寫法正確的是（）。A、div#current{color:red;}B、divcurrent{color:red;}C、p.current{color:red;}D、.current.p{color:red;}正確答案：AC5.HTML中文譯為“超文本標記語言”，主要是通過HTML標記對網頁中的（）等內容進行描述。A、文本B、圖片C、數據D、聲音正確答案：ABD6.關于<'br/>標記，下列說法正確的是（）。A、使用換行標記<'br/>的段落可以實現強制換行的效果B、<'br/>標記和<'p>標記具有相同的語義C、<'br/>標記可以連續使用，比如<'br/><'br/>D、在代碼中，可以直接通過回車來實現換行效果，從而不用使用<'br/>標記正確答案：AC7.關于定義無序列表的基本語法格式，以下描述正確的是（）。A、<'li>不可以放在一對<'ul><'/ul>標記中。B、每對中至少應包含一對<'li><'/li>。C、<'li><'/li>標記嵌套在<'ul><'/ul>標記中，用于描述具體的列表項。D、<'ul><'/ul>標記用于定義無序列表。正確答案：BCD8.下面的應用軟件，可以用于網頁制作開發的是（）。A、EditplusB、notepad++C、DreamweaverD、3Dmax正確答案：ABC9.在無序列表中經常設置type屬性，下列屬于type屬性值的是（）。A、squareB、discC、circleD、pointer正確答案：ABC10.Dreamweaver能創建以下哪種類型的文檔？（）A、JSB、CSSC、HTMLD、HTML模板正確答案：ABCD11.關于后代選擇器，下列說法正確的是（）。A、后代選擇器可以用于很多層的標簽嵌套。B、后代選擇器主要用于嵌套的標簽。C、后代選擇器外層標記寫在前面，內層標記寫在后面。D、后代選擇器多個標簽之間是用空格隔開的。正確答案：ABCD12.color屬性用于定義文本的顏色，以下寫法正確的是（）。正確答案：13.下列選項中，關于標記選項說法正確的是（）。A、標記可以擁有多個屬性，屬性之間不分先后順序，屬性與屬性之間以空格分開B、在嵌套結構中，HTML元素的樣式總是遵從“就近原則”C、在HTML標記中，“屬性”和“屬性值”是以“鍵值對”的形式出現的D、在標記的嵌套過程中，必須先結束最靠近內容的標記，再按照由外及內的順序依次關閉標記。正確答案：ABC14.HTML中文譯為“超文本標記語言”，主要是通過HTML標記對網頁中的（）等內容進行描述。A、word文檔B、圖片C、聲音D、文本正確答案：BCD15.關于無序列表的描述，下列說法錯誤的是（）。A、無序列表<'ul>可以讓列表項采用大寫羅馬字母表示。B、無序列表<'ul>里面只能放置<'li>，不能放其他標簽。C、無序列表<'ul>里面可以直接嵌套其他標簽。D、無序列表<'li>里面可以嵌套其他標簽。正確答案：AC16.在CSS中，提供了背景圖像屬性用來設置背景。在下列選項中，設置背景圖片格式正確的是（）。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）;}正確答案：AB17.下列選項中，屬于邊框樣式常用屬性值的是（）。A、dashedB、solidC、dottedD、none正確答案：ABCD18.在CSS中，使用鏈入式引入CSS樣式表，要通過設置<'link/>標簽的（）屬性。正確答案：19.下列標記中，用來設置文本為粗體的是（）。A、<'b><'/b>B、<'del><'/del>C、<'strong><'/strong>D、<'u><'/u>正確答案：AC20.下面哪些是網頁中的元素？（）A、超鏈接B、視頻、音頻C、文字D、圖片正確答案：ABCD21.下列選項中，可用于更改元素左外邊距的是（）。A、text-indentB、marginC、padding-rightD、margin-left正確答案：BD22.瀏覽器是網頁運行的平臺，下列屬于網頁制作中常用瀏覽器的是（）。A、搜狗B、火狐C、谷歌D、IE正確答案：BCD三、判斷題（共49題，每題1分，共49分）1.鏈入式是將所有的樣式放在一個或多個以.css為擴展名的外部樣式表文件中，通過<'link/>標記將外部樣式表文件鏈接到HTML文檔中。A、正確B、錯誤正確答案：A2.在HTML標記中，屬性之間不分先后順序，標記名與屬性、屬性與屬性之間均以逗號分開。A、正確B、錯誤正確答案：B3.網頁主要由文字、圖像和超鏈接等元素構成。A、正確B、錯誤正確答案：A4.列表的嵌套通常是指有序列表和無序列表的嵌套，因此定義列表不能用在列表的嵌套中。A、正確B、錯誤正確答案：B5.錨點鏈接就是帶有id屬性的超鏈接標簽。A、正確B、錯誤正確答案：A6.創建圖像超鏈接時，通常使用超鏈接標記<'a><'/a>環繞圖像來定義。A、正確B、錯誤正確答案：A7.在行內式CSS樣式中，屬性和值的書寫規范與CSS樣式規則不相同。A、正確B、錯誤正確答案：B8.網頁主要由文字、圖像和超鏈接等元素構成，但是也可以包含音頻、視頻以及Flash等。A、正確B、錯誤正確答案：A9.在CSS中，各個選擇器通過逗號連接就形成了并集選擇器。A、正確B、錯誤正確答案：A10.在圖像常用格式中，PNG不但支持動畫，還支持透明。A、正確B、錯誤正確答案：B11.使用并集選擇器定義樣式與對各個基礎選擇器單獨定義樣式效果完全不相同。A、正確B、錯誤正確答案：B12.在HTML語言中，常用的列表有三種，分別為無序列表、有序列表和定義列表。A、正確B、錯誤正確答案：A13.在HTML標記中，<'h1>標記屬于雙標記。A、正確B、錯誤正確答案：A14.<'p>標記中，可以插入<'h1>~<'h6>系列標記。A、正確B、錯誤正確答案：B15.一個HTML文檔可以含有多對<'head>標記。A、正確B、錯誤正確答案：B16.CSS基礎選擇器僅有三種，分別是標記選擇器、類選擇器、id選擇器。A、正確B、錯誤正確答案：B17.<'hr/>為單標記，用于定義一條水平線。A、正確B、錯誤正確答案：A18.一個HTML文檔中，可以有多個<'h1>標記。A、正確B、錯誤正確答案：B19.在HTML常用的三種列表中，定義列表的列表項前沒有任何項目符號。A、正確B、錯誤正確答案：A20.CSS非常靈活，既可以嵌入在HTML文檔中，也可以是一個單獨的外部文件。A、正確B、錯誤正確答案：A21.超鏈接是指從一個網頁指向一個目標的連接關系。A、正確B、錯誤正確答案：A22.HTTP（英文Hypertexttransferprotocol的縮寫）中文譯為超文本傳輸協議。A、正確B、錯誤正確答案：A23.在HTML中使用注釋標記時，注釋內容不會顯示在瀏覽器窗口中。A、正確B、錯誤正確答案：A24.不可以針對不同的瀏覽器設置不同的CSS樣式。A、正確B、錯誤正確答案：B25.目前最新的HTML版本是HTML5，但是由于各個瀏覽器對其支持不統一，所以還沒有得到廣泛應用。A、正確B、錯誤正確答案：A26.在使用列表時，如果列表項中包含若干子列表項，就需要將列表進行嵌套。A、正確B、錯誤正確答案：A27.CSS具有繼承性和層疊性，所謂繼承性是指書寫CSS樣式表時，子標記會繼承父標記的某些樣式。A、正確B、錯誤正確答案：A28.CSS樣式中的注釋“/**/”中的內容，瀏覽器不會解析，主要是用于提示初學者。A、正確B、錯誤正確答案：A29.通配符選擇器設置的樣式對所有的HTML標記都生效，不管標記是否需要該樣式，這樣反而降低了代碼的執行速度。A、正確B、錯誤正確答案：A30.在設置邊框寬度和邊框顏色時，必須同時設置邊框樣式。A、正確B、錯誤正確答案：A31.大多數網頁都是用HTML編寫網頁結構和內容，版面布局、文本或圖片的顯示樣式則使用CSS控制。A、正確B、錯誤正確答案：A32.CSS樣式中的選擇器嚴格區分大小寫，屬性和值可以不區分大小寫。A、正確B、錯誤正確答案：A33.盒子模型中，外邊距合并問題是IE6獨有的一個BUG，需要專門解決。A、正確B、錯誤正確答案：B34.GIF是一種無損的圖像格式，并且支持透明。A、正確B、錯誤正確答案：A35.在Dreamweaver中制作網