網頁設計練習題（附參考答案）一、單選題（共30題，每題1分，共30分）1.下列選項中，表示網頁主體的標記是（）。A、h1B、headC、bodyD、html正確答案：C2.使用標簽指定式選擇器，讓段落應用class名為test的類，下列寫法正確的是（）。A、.p.test{color:red;}B、p#test{color:red;}C、p.test{color:red;}D、.p,test{color:red;}正確答案：C3.下列選項中，表示網頁頭部標題的標記是（）。A、titleB、headC、bodyD、html正確答案：A4.如果有兩個上下并列關系的盒子，上面盒子的下外邊距是30px，下面盒子的上外邊距是20px，那么這兩個盒子之間的間距是（）。A、50像素B、10像素C、30像素D、20像素正確答案：C5.在下列屬性中，用來定義文本字體的是（）。A、colorB、alignC、faceD、size正確答案：C6.關于行內式引入CSS樣式表，以下書寫正確的是（）。正確答案：7.下面關于網頁設計名詞，錯誤的是（）。A、HTMLB、PSC、DWD、AP正確答案：D8.在HTML中，表示內嵌CSS樣式的標記是（）。A、<'title>B、<'style>C、<'head>D、<'meta>正確答案：B9.下列選項中，不屬于文本標記屬性的是（）。A、faceB、colorC、alignD、nbsp;正確答案：D10.定義列表常用于對術語或名詞進行解釋和描述，用一對（）標記定義。A、<'dt><'/dt>B、<'ul><'/ul>C、<'dl><'dl>D、<'ol><'/ol>正確答案：C11.在下列選項中，對代碼“margin:10px020px;”解釋正確的是（）。A、上間距10px，左間距0，右下間距20pxB、上間距10px，左右間距0，下間距20pxC、上下間距10px，左間距0，右間距20pxD、上間距10px，左間距0，右間距20px正確答案：B12.text-transform屬性用于控制英文字符的大小寫。下列選項中，不屬于其屬性值的是（）。A、uppercaseB、capitalizeC、lowercaseD、line-through正確答案：D13.以下標示符中，用于設置頁面標題的是（）。A、<'html>B、<'title>C、<'caption>D、<'head>正確答案：B14.下列選項中哪個表示無序列表？（）A、<'dd><'/dd>B、<'ol><'/ol>C、<'li><'/li>D、<'ul><'/ul>正確答案：D15.在下列屬性中，用來定義文本字體大小的是（）。A、alignB、faceC、colorD、size正確答案：D16.若要在網頁中插入樣式表main.css，以下用法中正確的是（）。正確答案：17.位于HTML文檔的最前面，用于向瀏覽器說明當前文檔使用哪種HTML或XHTML標準規范的標記是（）。A、<'!DOCTYPE>B、<'head><'/head>C、<'title><'/title>D、<'html><'/html>正確答案：A18.關于內嵌式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;}正確答案：A19.在下列屬性中，用來定義文本字體顏色的是（）。A、colorB、sizeC、alignD、face正確答案：A20.使用標簽指定式選擇器，讓段落應用class名為test的類，下列寫法正確的是（）。A、p.test{color:red;}B、p#test{color:red;}C、p.test{color:red;}D、p,test{color:red;}正確答案：C21.在CSS中，提供了字體樣式屬性來控制網頁中的字體。下面的字體樣式設置正確的是（）。正確答案：22.當<'p>標記內嵌套<'strong>標記時，就可以使用后代選擇器對其中的<'strong>標記進行控制。下列寫法正確是（）。A、strong,p{color:red;}B、strongp{color:red;}C、pstrong{color:red;}D、p.strong{color:red;}正確答案：C23.下列標記中，用于定義HTML文檔所要顯示內容的是（）。A、<'title><'/title>B、<'body><'/body>C、<'html><'/html>D、<'head><'/head>正確答案：B24.在HTML文檔頭部標記中，使用<'meta>標記的name和content屬性可以為搜索引擎提供信息。設置網頁描述的name屬性值應該為（）。A、expiresB、descriptionC、keywordsD、charset正確答案：B25.在Dreamweaver中，使用次瀏覽器預覽網頁的快捷鍵是（）。A、Ctrl+SB、F12C、F5D、Ctrl+F12正確答案：D26.使用內嵌式添加CSS樣式，CSS樣式需要寫在（）。A、<'title><'/title>標記之間B、<'head><'/head>標記之間C、<'body><'/body>標記之間D、<'style><'/style>標記之間正確答案：D27.關于內嵌式引入CSS樣式表，以下書寫正確的是（）。正確答案：28.關于創建錨點鏈接的代碼，下列書寫正確的是（）。正確答案：29.URL的俗稱是什么？（）A、地址欄B、網頁C、網址D、超鏈接正確答案：C30.關于有序列表的描述，下列說法正確的是（）。A、有序列表沒有排列順序。B、有序列表不可以和無序列表嵌套使用。C、有序列表按順序排列并通過type屬性定義序號樣式。D、有序列表按順序排列，并不帶有序號。正確答案：C二、多選題（共22題，每題1分，共22分）1.關于樣式代碼“padding:20px30px10px;”，下列說法正確的是（）。正確答案：2.下列樣式代碼中，可用于設置背景圖像平鋪方式的是（）。A、background-attachment:scroll;B、background-attachment:fixed;C、background-repeat:repeat-x;D、background-repeat:no-repeat;正確答案：CD3.關于后代選擇器，下列說法正確的是（）。A、后代選擇器可以用于很多層的標簽嵌套。B、后代選擇器多個標簽之間是用空格隔開的。C、后代選擇器外層標記寫在前面，內層標記寫在后面。D、后代選擇器主要用于嵌套的標簽。正確答案：ABCD4.關于定義無序列表的基本語法格式，以下描述正確的是（）。A、<'ul><'/ul>標記用于定義無序列表。B、<'li><'/li>標記嵌套在<'ul><'/ul>標記中，用于描述具體的列表項。C、每對<'ul><'/ul>中至少應包含一對<'li><'/li>。D、<'li>不可以定義type屬性，只能使用CSS樣式屬性代替。正確答案：ABC5.關于鏈入式CSS樣式表，下面說法正確的是（）。A、鏈入式CSS才是真正實現結構與樣式分離的CSS書寫方式B、鏈入式CSS代碼必須也在一對style標簽內部C、鏈入式CSS必須將所有CSS屬性寫在以.css為擴展名的外部樣式表文件中D、一個HTML頁面只能鏈接一個CSS文件正確答案：AC6.在無序列表中經常設置type屬性，下列屬于type屬性值的是（）。A、discB、circleC、squareD、pointer正確答案：ABC7.下面的應用軟件，可以用于網頁制作開發的是（）。A、EditplusB、notepad++C、DreamweaverD、3Dmax正確答案：ABC8.Dreamweaver能創建以下哪種類型的文檔？（）A、JSB、CSSC、HTMLD、HTML模板正確答案：ABCD9.HTML中文譯為“超文本標記語言”，主要是通過HTML標記對網頁中的（）等內容進行描述。A、聲音B、數據C、圖片D、文本正確答案：ACD10.下列選項中，可清除元素默認內外邊距的是（）。A、font-size:0;B、margin:0;C、line-height:0;D、padding:0;正確答案：BD11.關于<'p>標記，下列說法正確的是（）。A、<'p>標記負責給文本添加“段落”語義B、<'p>標記可以嵌套使用，比如<'p><'p><'/p><'/p>C、<'p>標記里面可以放置<'img/>標記D、<'p>標記里面可以放置<'h3>標記正確答案：AC12.HTML中文譯為“超文本標記語言”，主要是通過HTML標記對網頁中的（）等內容進行描述。A、圖片B、文本C、聲音D、word文檔正確答案：ABC13.下面選項中，關于內邊距的說法正確的是（）。A、內邊距指的是元素內容與邊框之間的距離，也常常稱為內填充B、在CSS中設置盒子的內邊距，需要使用padding屬性C、內邊距屬性padding是一個復合屬性D、padding屬性取值方法很多，但是不允許使用三值寫法正確答案：ABC14.color屬性用于定義文本的顏色，以下寫法正確的是（）。正確答案：15.下列選項中，關于標簽指定式選擇器的寫法正確的是（）。A、.current.p{color:red;}B、div#current{color:red;}C、p.current{color:red;}D、divcurrent{color:red;}正確答案：BC16.下面的選項中，支持透明的圖像是（）。A、jpg格式B、png格式C、gif格式D、psd格式正確答案：BC17.下面選項中，屬于盒子模型主要屬性的是（）。A、paddingB、typeC、marginD、border正確答案：ACD18.下列選項中，可用于更改元素左外邊距的是（）。A、margin-leftB、marginC、padding-rightD、text-indent正確答案：AB19.下列選項中，屬于單標記的是（）。A、<'br/>B、<'p>C、<'h2><'/h2>D、<'hr/>正確答案：AD20.下列選項中，屬于定義有序列表相關屬性的是（）。A、backgroundB、startC、valueD、type正確答案：BCD21.在下面的選項中，符合CSS基礎選擇器的語法格式的是（）。A、p{font-size:12px;}B、#myfont{font-weight:bold;}C、.green{color:green;}D、*{margin:0;padding:0;}正確答案：ABCD22.下列標記中，用來設置文本為粗體的是（）。A、<'u><'/u>B、<'strong><'/strong>C、<'del><'/del>D、<'b><'/b>正確答案：BD三、判斷題（共49題，每題1分，共49分）1.DNS（英文DomainNameSystem的縮寫）是域名解析系統。但是，在Internet上域名與IP地址之間并不是對應的。A、正確B、錯誤正確答案：B2.標簽指定式選擇器又稱并集選擇器，是各個選擇器通過逗號連接而成的。A、正確B、錯誤正確答案：B3.因為靜態網頁的訪問速度快，所以現在互聯網上的大部分網站都是由靜態網頁組成的。A、正確B、錯誤正確答案：B4."圖像文件和html文件位于同一文件夾，相對地址為<'imgsrc="logo.gif"/>。"A、正確B、錯誤正確答案：A5.HTTP（英文Hypertexttransferprotocol的縮寫）中文譯為超文本傳輸協議。A、正確B、錯誤正確答案：A6.在圖像常用格式中，JPG是一種有損壓縮的圖像格式。A、正確B、錯誤正確答案：A7.實際網頁制作過程中，最常用的網頁制作工具是Dreamweaver。A、正確B、錯誤正確答案：A8.<'b>標記和<'strong>標記都可以使文字以粗體方式顯示。A、正確B、錯誤正確答案：A9.在CSS中，任何的HTML標記都擁有style屬性。A、正確B、錯誤正確答案：A10.在圖像常用格式中，PNG不但支持動畫，還支持透明。A、正確B、錯誤正確答案：B11.瀏覽器中顯示的所有文本、圖像、音頻和視頻等信息都必須位于<'body>標記內。A、正確B、錯誤正確答案：A12.URL（英文UniformResourceLocator的縮寫）中文譯為“統一資源定位符”。URL其實就是Web地址，俗稱“網址”。A、正確B、錯誤正確答案：A13.在嵌套結構中，不管父元素樣式的權重多大，被子元素繼承時，它的權重都為0，也就是說子元素定義的樣式會覆蓋繼承來的樣式。A、正確B、錯誤正確答案：A14.默認情況下，背景圖像會自動向水平和豎直兩個方向平鋪。A、正確B、錯誤正確答案：A15.默認情況下塊元素會獨自占據一整行或多整行。A、正確B、錯誤正確答案：A16.所有的瀏覽器對同一個CSS樣式的解析都相同，因此頁面在不同瀏覽器下的顯示效果完全一樣。A、正確B、錯誤正確答案：B17.超鏈接是指從一個網頁指向一個目標的連接關系。A、正確B、錯誤正確答案：A18.CSS樣式中的注釋“/**/”中的內容，瀏覽器不會解析，主要是用于提示初學者。A、正確B、錯誤正確答案：A19.在CSS中，行高屬性line-height是用來設置文本高度的。A、正確B、錯誤正確答案：B20.在超鏈接中，當target取值為“_self”，意為在原窗口中打開鏈接頁面。A、正確B、錯誤正確答案：A21.在圖像常用格式中，GIF只能處理256種顏色。A、正確B、錯誤正確答案：A22.創建圖像超鏈接時，通常使用超鏈接標記<'a><'/a>環繞圖像來定義。A、正確B、錯誤正確答案：A23.<'html>標記標志著HTML文檔的開始，<'/html>標記標志著HTML文檔的結束。A、正確B、錯誤正確答案：A24.頁面中的信息，必須放在相應的HTML標記中，才能被瀏覽器正確解析。A、正確B、錯誤正確答案：A25.在HTML標記中，屬性之間不分先后順序，標記名與屬性、屬性與屬性之間均以逗號分開。A、正確B、錯誤正確答案：B26.在HTML標記中，<'h1>標記屬于雙標記。A、正確B、錯誤正確答案：A27.<'s>和<'del>都可以使文字以加刪除線的方式顯示（XHTML推薦使用<'s>）。A、正確B、錯誤正確答案：B28.在HTML頁面中，帶有“<'>”符號的元素被稱為HTML標記。A、正確B、錯誤正確答案：A29.清除鏈接圖像的邊框效果，是為了使圖像正常顯示。A、正確B、錯誤正確答案：A30.由于CSS內嵌式寫法是將CSS樣式寫在HTML頁面中，所以內嵌式寫法是不符合結構與表現這一特點的。A、正確B、錯誤正確答案：B31.在<'meta>標記中使用name屬性提供搜索內容名稱。設置網頁關鍵字時，name的值為keywords。A、正確B、錯誤正確答案：A32.導入式是對HTML頭部文檔應用style標記，并在<'style>標記內的開頭處使用@important語句，即可導入外部樣式表文件。A、正確B、錯誤正確答案：A33.GIF是一種無損的圖像格式，并且支持透明。A、正確B、錯誤正確答案：A34.盒子模型中，外邊距合并問題是IE6獨有的一個BUG，需要專門解決。A、正確B、錯誤正確答案：B35.font-family屬性設置字體時，中文字體需要加英文狀態下的引號，英文字體一般不需要加引號。A、正確B、錯誤正確答案：A36.CSS樣式中的選擇器嚴格區分大小寫，屬性和值可以不區分大小寫。A、正確B、錯誤正確答案：