網頁設計模擬試題（附答案）一、單選題（共30題，每題1分，共30分）1.在下列屬性中，用來定義文本字體的是（）。A、sizeB、colorC、faceD、align正確答案：C2.下列選項中，表示網頁頭部信息的標記是（）。A、pB、headC、htmlD、body正確答案：B3.下列有關CSS樣式，說法正確的是（）。A、CSS樣式必須寫在一對<'style><'/style>標簽內部B、CSS用于設置HTML頁面中的文本內容、圖片的外形以及版面的布局等外觀顯示樣式C、只有外部的CSS文件才是符合結構與表現分離的特點D、目前流行的CSS版本為CSS3正確答案：B4.在CSS中，用于設置首行文本縮進的屬性是（）。A、text-decorationB、text-alignC、text-transformD、text-indent正確答案：D5."頁面上的div標簽，其HTML代碼為<'divid="box"style="color:red">文字<'/div>，為其設置CSS樣式如下:#box{color:blue;}那么，文字的顏色將顯示為（）。"A、紅色B、藍色C、黑色D、以上選項都不正確正確答案：A6.下列選項中哪個表示有序列表？（）A、<'ol><'/ol>B、<'li><'/li>C、<'ul><'/ul>D、<'dd><'/dd>正確答案：A7.關于樣式代碼“.box{width:200px;padding:15px;margin:20px;}”下列說法正確的是（）。A、box的總寬度為200pxB、box的總寬度為270pxC、box的總寬度為235pxD、以上說法均錯誤正確答案：B8.下面的選項中，表示元素距離上下左右的外邊距都是10px的是哪一項？（）A、{margin:10px0;}B、{padding:10px;}C、{padding:10px0;}D、{margin:10px;}正確答案：D9.下列選項中，不是<'img/>標記屬性的是（）。A、widthB、heightC、hrefD、src正確答案：C10.在HTML中，網頁要顯示的主體內容應放置在（）。A、<'head><'/head>標記之間B、<'body><'/body>標記之間C、<'title><'/title>標記之間D、HTML中的任意位置正確答案：B11.下列關于特殊字符的說法不正確的是（）。A、可以通過菜單欄直接插入相應特殊字符的代碼B、轉義序列各字符間可以有空格C、特殊字符的代碼通常由前綴“&”、字符名稱和后綴為英文狀態下的“;”組成D、轉義序列必須以分號結束正確答案：B12.下列選項中，符合標簽指定式選擇器的寫法要求的是（）。A、由兩個選擇器構成，其中第一個為標記選擇器，第二個為class選擇器或id選擇器，兩個選擇器之間不能有空格。B、由兩個選擇器構成，其中第一個為標記選擇器，第二個為class選擇器或id選擇器，兩個選擇器之間必須有空格。C、由兩個選擇器構成，其中第一個為標記選擇器，第二個必須為class選擇器，兩個選擇器之間不能有空格。D、由兩個選擇器構成，其中第一個為標記選擇器，第二個為id選擇器，兩個選擇器之間必須有空格。正確答案：A13.如果使用內嵌式CSS樣式表定義<'p>標記字號為12像素，鏈入式定義<'p>標記顏色為紅色，那么段落文本將顯示為（）。A、只顯示12像素B、12像素紅色C、只顯示紅色D、以上都不正確正確答案：B14.下列選項中，用于改變盒子模型外邊距的是（）。A、typeB、paddingC、borderD、margin正確答案：D15.下面的選項中，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}正確答案：C16.<'img/>標記鏈接圖片的屬性是（）。A、srcB、altC、heightD、width正確答案：A17.下列選項中，表示網頁頭部標題的標記是（）。A、headB、titleC、htmlD、body正確答案：B18.使用CSS時，需要遵從一定的規范。下面選項中，CSS樣式書寫正確的是（）。A、h1{font:12px;}B、h1[font_size:12px;]C、h1（font:size;）D、h1{font-size:12px;}正確答案：D19.關于創建錨點鏈接的代碼，下列書寫正確的是（）。正確答案：20.下列選項中，符合后代選擇器書寫要求的是（）。A、p,strong{font-weight:bold;}B、p#div{font-weight:bold;}C、pstrong{font-weight:bold;}D、p.strong{font-weight:bold;}正確答案：C21.下面關于網頁設計名詞，錯誤的是（）。A、HTMLB、PSC、DWD、AP正確答案：D22.下面標記中，表示換行的標記是（）。A、<'hr/>B、<'h1>C、<'enter>D、<'br/>正確答案：D23.關于內嵌式CSS樣式的語法格式中，下列選項正確的是（）。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;}正確答案：A24.下列標記中，用來設置文本為粗體的是（）。A、<'strong><'/strong>B、<'u><'/u>C、<'del><'/del>D、<'em><'/em>正確答案：A25.下列選項中，屬于定義有序列表的基本語法格式的是（）。A、<'ul>......<'/ul>B、<'ul><'li>列表項1<'/li><'li>列表項2<'/li>......<'/ul>C、<'ol><'li>列表項1<'/li><'li>列表項2<'/li>......<'/ol>D、<'ol>……<'/ol><'ol>……<'/ol><'ol>……<'/ol>正確答案：C26.當<'p>標記內嵌套<'strong>標記時，就可以使用后代選擇器對其中的<'strong>標記進行控制。下列寫法正確是（）。A、pstrong{color:red;}B、strong,p{color:red;}C、p.strong{color:red;}D、strongp{color:red;}正確答案：A27.關于有序列表的描述，下列說法正確的是（）。A、有序列表不可以和無序列表嵌套使用。B、有序列表沒有排列順序。C、有序列表按順序排列并通過type屬性定義序號樣式。D、有序列表按順序排列，并不帶有序號。正確答案：C28.在Dreamweaver中，新建HTML默認文檔的快捷鍵是（）。A、Ctrl+NB、Ctrl+Shift+NC、Ctrl+Shift+SD、Ctrl+F12正確答案：B29.以下屬性中，不能增加盒子尺寸的屬性是（）。A、widthB、heightC、text-decorationD、padding正確答案：C30.以下標示符中，用于設置頁面標題的是（）。A、<'head>B、<'caption>C、<'html>D、<'title>正確答案：D二、多選題（共22題，每題1分，共22分）1.HTML中文譯為“超文本標記語言”，主要是通過HTML標記對網頁中的（）等內容進行描述。A、圖片B、聲音C、word文檔D、文本正確答案：ABD2.在CSS中，使用鏈入式引入CSS樣式表，要通過設置<'link/>標簽的（）屬性。正確答案：3.關于HTML的描述，下列說法正確的是（）。A、HTML是更嚴謹純凈的XHTML版本B、目前最新的HTML版本是HTML5C、初期的HTML在語法上很寬松D、HTML提供了許多標記，用于對網頁內容進行描述正確答案：BCD4.下列選項中，關于標記選項說法正確的是（）。A、在嵌套結構中，HTML元素的樣式總是遵從“就近原則”B、標記可以擁有多個屬性，屬性之間不分先后順序，屬性與屬性之間以空格分開C、在標記的嵌套過程中，必須先結束最靠近內容的標記，再按照由外及內的順序依次關閉標記。D、在HTML標記中，“屬性”和“屬性值”是以“鍵值對”的形式出現的正確答案：ABD5.在盒子模型中邊框是一個重要的屬性，下列選項中屬于邊框屬性的是（）。A、border-styleB、border-colorC、border-heightD、border-width正確答案：ABD6.在CSS中定義字體的粗細，以下書寫正確的是（）。正確答案：7.關于列表的嵌套，下列說法正確的是（）。A、<'li>與<'/li>之間相當于一個容器，可以嵌套無序列表、有序列表等網頁元素。B、有序列表中只能嵌套有序列表。C、無序列表和有序列表可以相互嵌套。D、無序列表中只能嵌套無序列表。正確答案：AC8.下列標記中屬于文本格式化標記的是（）。A、<'i><'/i>B、<'u><'/u>C、<'del><'/del>D、<'b><'/b>正確答案：ABCD9.關于并集選擇器的描述，下列說法正確的是（）。A、并集選擇器的各個選擇器通過逗號連接B、并集選擇器用空格分隔C、并集選擇器把選中的元素設置成相同的樣式D、并集選擇器不能和其他選擇器一起使用正確答案：AC10.下面的選項中，定義字號大小正確的是（）。正確答案：11.color屬性用于定義文本的顏色，以下寫法正確的是（）。正確答案：12.下面的選項中，哪些CSS屬性沒有繼承性？（）A、字體屬性B、邊框屬性C、邊距屬性D、字號屬性正確答案：BC13.下列選項中，可用于定義背景顏色的是（）。A、background-color:rgb（255,0,0）;B、color:#f00;C、background-color:red;D、background-color:#f00;正確答案：ACD14.文本樣式標記<'font>可以設置的屬性有（）。A、colorB、alignC、font-familyD、size正確答案：AD15.下面的選項中，關于Web標準說法正確的是（）。A、Web標準是由瀏覽器的各大廠商聯合制定的B、Web標準只要包括HTML標準。C、Web標準主要包括結構標準、表現標準和行為標準三個方面。D、Web標準并不是某一個標準，而是一系列標準的集合。正確答案：CD16.下列樣式代碼中，用于定義盒子上邊框為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;正確答案：AD17.在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）;}正確答案：AB18.下面的選項中，支持透明的圖像是（）。A、psd格式B、gif格式C、jpg格式D、png格式正確答案：BD19.適合在網絡上使用的圖片格式主要有（）。A、jpgB、pngC、bmpD、gjf正確答案：ABD20.在無序列表中經常設置type屬性，下列屬于type屬性值的是（）。A、squareB、pointerC、discD、circle正確答案：ACD21.關于后代選擇器，下列說法正確的是（）。A、后代選擇器可以用于很多層的標簽嵌套。B、后代選擇器多個標簽之間是用空格隔開的。C、后代選擇器主要用于嵌套的標簽。D、后代選擇器外層標記寫在前面，內層標記寫在后面。正確答案：ABCD22.關于樣式代碼“padding:20px30px10px;”，下列說法正確的是（）。正確答案：三、判斷題（共49題，每題1分，共49分）1.網頁當中的常用圖片格式是jpg，png和tif格式。A、正確B、錯誤正確答案：B2.在HTML標記中，<'h1>標記屬于雙標記。A、正確B、錯誤正確答案：A3.后代選擇器用來選擇元素或元素組的后代，其寫法就是把外層標記寫在前面，內層標記寫在后面，中間用空格分隔。A、正確B、錯誤正確答案：A4.在<'meta>標記中使用name屬性提供搜索內容名稱。設置網頁關鍵字時，name的值為keywords。A、正確B、錯誤正確答案：A5.所有的標簽都可以設置寬度和高度屬性。A、正確B、錯誤正確答案：B6.內邊距出現在盒子模型內容區域的周圍。A、正確B、錯誤正確答案：A7.注釋標記的基本語法是<'!--注釋語句-->。A、正確B、錯誤正確答案：A8.PNG圖像格式是一種支持透明的圖像格式。A、正確B、錯誤正確答案：A9.HTML語言主要是通過HTML標記對網頁中的文本、圖片、聲音等內容進行描述。A、正確B、錯誤正確答案：A10.在<'font>標記中，size可以取到的值為1~8。A、正確B、錯誤正確答案：B11.id選擇器使用“#”進行標識，后面緊跟id名。A、正確B、錯誤正確答案：A12.網頁主要由文字、圖像和超鏈接等元素構成，但是也可以包含音頻、視頻以及Flash等。A、正確B、錯誤正確答案：A13.CSS基礎選擇器僅有三種，分別是標記選擇器、類選擇器、id選擇器。A、正確B、錯誤正確答案：B14.內嵌式CSS樣式只對其所在的HTML頁面有效，因此，僅設計一個頁面時可以使用內嵌式。A、正確B、錯誤正確答案：A15.雖然導入式和鏈入式功能基本相同，但是大多數網站都是采用導入式引入外部樣式表。A、正確B、錯誤正確答案：B16.<'title>與<'/title>標記之間，用于輸入HTML文檔的標題。A、正確B、錯誤正確答案：A17.所有的瀏覽器對同一個CSS樣式的解析都相同，因此頁面在不同瀏覽器下的顯示效果完全一樣。A、正確B、錯誤正確答案：B18.使用并集選擇器定義樣式與對各個基礎選擇器單獨定義樣式效果完全不相同。A、正確B、錯誤正確答案：B19.GIF是一種無損的圖像格式，并且支持透明。A、正確B、錯誤正確答案：A20.CSS非常靈活，既可以嵌入在HTML文檔中，也可以是一個單獨的外部文件。A、正確B、錯誤正確答案：A21.盒子模型中，外邊距合并問題是IE6獨有的一個BUG，需要專門解決。A、正確B、錯誤正確答案：B22.寬度屬性width和高度屬性height對塊元素無效。A、正確B、錯誤正確答案：B23.CSS具有繼承性和層疊性，所謂繼承性是指書寫CSS樣式表時，子標記會繼承父標記的某些樣式。A、正確B、錯誤正確答案：A24.<'title>標記用于定義HTML文檔的頭部信息，也稱為頭部標記。A、正確B、錯誤正確答案：B25.在HTML中，<'!DOCTYPE>文檔類型聲明可以省略不寫。A、正確B、錯誤正確答案：B26.<'s>和<'del>都可以使文字以加刪除線的方式顯示（XHTML推薦使用<'s>）。A、正確B、錯誤正確答案：B27.在Dreamweaver中制作網頁，一般需要將菜單欄【窗口】模式下的【工作區布局】設置為【經典】模式。A、正確B、錯誤正確答案：A28.網頁主要由文字、圖像和超鏈接等元素構成。A、正確B、錯誤正確答案：A29.在CSS中，background-color是用來設置背景圖像位置的屬性。A、正確B、錯誤正確答案：B30.外邊距指的是元素邊框與相鄰元素之間的距離。A、正確B、錯誤正確答案：A31.在HTML中，標記可以擁有多個屬性。A、正確B、錯誤正確答案：A32.W3C最重要的工作是發展Web規范，對互聯網的發展和應用起到了基礎性和根本性的支撐作用。A、正確B、錯誤正確答案：A33.外邊距屬性的取值不可以為負值。A、正確B、錯誤正確答案：B34.在CSS中，各個選擇器通過逗號連接就形成了并集選擇器。A、正確B、錯誤正確答案：A35.目前最新的HTML版本是HTML5，但是由于各個瀏覽器對其支持不統一，所以還沒有得到廣泛應用。A、正確B、錯誤正確答案：A