網頁設計試題及答案一、單選題（共30題，每題1分，共30分）1.<'div>標記是網頁布局中最常用的標記，其顯示類型為（）。A、浮動類型B、塊級類型C、行內塊類型D、行內類型正確答案：B2.在行內式CSS樣式中，<'style>標記可以設置元素的樣式，它一般位于（）標記中<'title>標記之后。A、<'h1>B、<'p>C、<'head>D、<'body>正確答案：C3.以下標示符中，用于設置頁面標題的是（）。A、<'head>B、<'html>C、<'caption>D、<'title>正確答案：D4.在定義列表中，用于對名詞進行解釋和描述的標記是（）。A、<'dl><'/dl>B、<'dd><'/dd>C、<'li><'/li>D、<'dt><'/dt>正確答案：B5.下列選項中，字號最大的是（）。A、<'h4>B、<'h1>C、<'h3>D、<'h2>正確答案：B6.下列選項中哪個表示有序列表？（）A、<'ul><'/ul>B、<'li><'/li>C、<'ol><'/ol>D、<'dd><'/dd>正確答案：C7.關于行內式引入CSS樣式表，以下書寫正確的是（）。正確答案：8.在下列選項中，對代碼“margin:10px020px;”解釋正確的是（）。A、上間距10px，左間距0，右下間距20pxB、上間距10px，左間距0，右間距20pxC、上間距10px，左右間距0，下間距20pxD、上下間距10px，左間距0，右間距20px正確答案：C9.關于內嵌式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;}正確答案：A10.當通過定義列表實現圖文混排時，下列標記中用于插入圖片的是（）。A、<'li><'/li>B、<'dl><'/dl>C、<'dd><'/dd>D、<'dt><'/dt>正確答案：D11.下列樣式代碼中，用于定義盒子上邊框為1像素、藍色、單實線的是（）。A、border-top:1pxsolidblue;B、border:1pxdashedblue;C、border:1pxsolidblue;D、border-top:1pxdashedblue;正確答案：A12.下列選項中，表示網頁主體的標記是（）。A、h1B、headC、bodyD、html正確答案：C13.下列選項中，符合后代選擇器書寫要求的是（）。A、p,strong{font-weight:bold;}B、p.strong{font-weight:bold;}C、pstrong{font-weight:bold;}D、p#div{font-weight:bold;}正確答案：C14.網頁中的圖像文件位于html文件的下一級文件夾img下，則以下CSS書寫正確的是（）。正確答案：15.在網頁中插入圖像，若圖像文件位于html文件的上一級文件夾，則在文件名之前加入（）。A、/B、../../C、../D、./正確答案：C16.若要在網頁中插入樣式表main.css，以下用法中正確的是（）。正確答案：17.在HTML文檔頭部標記中，使用<'meta>標記的name和content屬性可以為搜索引擎提供信息。設置網頁關鍵字的name屬性值應該為（）。A、keywordsB、expiresC、charsetD、description正確答案：A18.下列選項中，表示網頁頭部信息的標記是（）。A、headB、htmlC、pD、body正確答案：A19.下列選項中，不是<'img/>標記屬性的是（）。A、srcB、hrefC、widthD、alt正確答案：B20.關于內嵌式引入CSS樣式表，以下書寫正確的是（）。正確答案：21.下面選項中，可以將HTML頁面的標題設置為“傳智播客”的是（）。A、<'title>傳智播客<'/title>B、<'head>傳智播客<'/head>C、<'t>傳智播客<'/t>D、<'h>傳智播客<'/h>正確答案：A22.text-transform屬性用于控制英文字符的大小寫。下列選項中，不屬于其屬性值的是（）。A、capitalizeB、uppercaseC、lowercaseD、line-through正確答案：D23.使用內嵌式添加CSS樣式，CSS樣式需要寫在（）。A、<'title><'/title>標記之間B、<'head><'/head>標記之間C、<'body><'/body>標記之間D、<'style><'/style>標記之間正確答案：D24.在HTML中，網頁要顯示的主體內容應放置在（）。A、<'body><'/body>標記之間B、HTML中的任意位置C、<'head><'/head>標記之間D、<'title><'/title>標記之間正確答案：A25.下列選項中，屬于并集選擇器書寫方式的是（）。A、h1_p{}B、h1-p{}C、h1,p{}D、h1p{}正確答案：C26.下列選項中，屬于定義列表的基本語法格式的是（）。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>正確答案：D27.在HTML中，用于設置頁面元信息的標示符是（）。A、<'base>B、<'head>C、<'title>D、<'meta>正確答案：D28.當<'p>標記內嵌套<'strong>標記時，就可以使用后代選擇器對其中的<'strong>標記進行控制。下列寫法正確是（）。A、strong,p{color:red;}B、pstrong{color:red;}C、strongp{color:red;}D、p.strong{color:red;}正確答案：B29.URL的俗稱是什么？（）A、網頁B、網址C、地址欄D、超鏈接正確答案：B30.在CSS中，提供了字體樣式屬性來控制網頁中的字體。下面的字體樣式設置正確的是（）。正確答案：二、多選題（共22題，每題1分，共22分）1.text-align屬性用于設置文本內容的水平對齊，其可用屬性值有（）。A、rightB、leftC、centerD、middlemiddle正確答案：ABC2.下面的選項中，定義字號大小正確的是（）。正確答案：3.關于無序列表的描述，下列說法錯誤的是（）。A、無序列表<'ul>可以讓列表項采用大寫羅馬字母表示。B、無序列表<'ul>里面只能放置<'li>，不能放其他標簽。C、無序列表<'ul>里面可以直接嵌套其他標簽。D、無序列表<'li>里面可以嵌套其他標簽。正確答案：AC4.Dreamweaver能創建以下哪種類型的文檔？（）A、JSB、CSSC、HTMLD、HTML模板正確答案：ABCD5.在下面的選項中，符合CSS基礎選擇器的語法格式的是（）。A、p{font-size:12px;}B、#myfont{font-weight:bold;}C、.green{color:green;}D、*{margin:0;padding:0;}正確答案：ABCD6.文檔窗口是Dreamweaver最常用到的區域之一，此處會顯示所有打開的文檔。可變換文檔的顯示方式的選擇按鈕是（）。A、代碼B、拆分C、設計D、重置正確答案：ABC7.瀏覽器是網頁運行的平臺，下列屬于網頁制作中常用瀏覽器的是（）。A、火狐B、IEC、谷歌D、搜狗正確答案：ABC8.下列標記中，能使文字變為斜體的是（）。A、<'i>B、<'ins>C、<'u>D、<'em>正確答案：AD9.下列選項中，說法正確的是（）。A、<'p><'/p>是一個雙標記B、在HTML標記中分為單標記和雙標記C、在HTML中<'hr/>是單標記D、<'h2><'/h2>二級標題是一個單標記正確答案：ABC10.下列選項中，屬于單標記的是（）。A、<'br/>B、<'hr/>C、<'p>D、<'h2><'/h2>正確答案：AB11.下列標記中屬于文本格式化標記的是（）。A、<'u><'/u>B、<'i><'/i>C、<'b><'/b>D、<'del><'/del>正確答案：ABCD12.下列選項中，屬于定義列表標記的是（）。A、<'dd><'/dd>B、<'td><'/td>C、<'dl><'/dl>D、<'li><'/li>正確答案：AC13.文本樣式標記<'font>可以設置的屬性有（）。A、sizeB、alignC、font-familyD、color正確答案：AD14.適合在網絡上使用的圖片格式主要有（）。A、jpgB、pngC、gjfD、bmp正確答案：ABC15.下列選項中屬于Web標準構成部分的是（）。A、描述標準B、表現標準C、結構標準D、行為標準正確答案：BCD16.下面選項中，關于內邊距的說法正確的是（）。A、內邊距指的是元素內容與邊框之間的距離，也常常稱為內填充B、在CSS中設置盒子的內邊距，需要使用padding屬性C、內邊距屬性padding是一個復合屬性D、padding屬性取值方法很多，但是不允許使用三值寫法正確答案：ABC17.下列標記中，用來設置文本為粗體的是（）。A、<'del><'/del>B、<'b><'/b>C、<'strong><'/strong>D、<'u><'/u>正確答案：BC18.關于文本格式化標記，下列說法正確的是（）。A、<'b><'/b>和<'strong><'/strong>，文字以粗體方式顯示（XHTML推薦使用strong）。B、<'i><'/i>和<'em><'/em>，文字以下劃線方式顯示（XHTML推薦使用em）。C、<'s><'/s>和<'del><'/del>，文字以加刪除線方式顯示（XHTML推薦使用del）。D、以上說法都正確。正確答案：AC19.制作網頁時一般需要兼容下列選項中的哪些瀏覽器（）。A、歐朋B、ieC、火狐D、谷歌正確答案：BCD20.關于后代選擇器，下列說法正確的是（）。A、后代選擇器外層標記寫在前面，內層標記寫在后面。B、后代選擇器多個標簽之間是用空格隔開的。C、后代選擇器主要用于嵌套的標簽。D、后代選擇器可以用于很多層的標簽嵌套。正確答案：ABCD21.下面選項中，屬于網頁構成元素的是（）。A、音頻B、視頻C、psd文件D、文字正確答案：ABD22.在盒子模型中邊框是一個重要的屬性，下列選項中屬于邊框屬性的是（）。A、border-colorB、border-widthC、border-heightD、border-style正確答案：ABD三、判斷題（共49題，每題1分，共49分）1.一個HTML文檔只能含有一對<'body>標記，且<'body>標記必須在<'html>標記內。A、正確B、錯誤正確答案：A2.在萬維網上的所有文件（HTML、CSS、圖片、音樂、視頻等）都有唯一的URL，只要知道資源的URL，就能夠對其進行訪問。A、正確B、錯誤正確答案：A3.由于采用內嵌式引入的CSS樣式寫在HTML頁面中，因此背離了結構與表現相分離的原則。A、正確B、錯誤正確答案：B4.body元素設置字號屬性時，標題文本不會采用這個樣式，說明標題標記沒有繼承文本字號，不具有繼承性。A、正確B、錯誤正確答案：B5.在CSS中，代碼“margin:10px0;”表示左右間距是10px，上下間距是0。A、正確B、錯誤正確答案：B6.使用回車鍵換行的段落可以實現強制換行的效果。A、正確B、錯誤正確答案：B7.在CSS中，各個選擇器通過逗號連接就形成了并集選擇器。A、正確B、錯誤正確答案：A8.默認情況下塊元素會獨自占據一整行或多整行。A、正確B、錯誤正確答案：A9.CSS樣式中的選擇器嚴格區分大小寫，屬性和值可以不區分大小寫。A、正確B、錯誤正確答案：A10.網頁是多個盒子模型嵌套排列的結果。A、正確B、錯誤正確答案：A11.通配符選擇器設置的樣式對所有的HTML標記都生效，不管標記是否需要該樣式，這樣反而降低了代碼的執行速度。A、正確B、錯誤正確答案：A12.內嵌式CSS樣式用<'style>標記定義，<'style>標記一般位于<'head>標記中<'title>標記之后，也可以把它放在HTML文檔的任何地方。A、正確B、錯誤正確答案：A13.在實際運用中，錨點鏈接常應用于內容較多，頁面過長的網頁。A、正確B、錯誤正確答案：A14.盒子模型中，外邊距合并問題是IE6獨有的一個BUG，需要專門解決。A、正確B、錯誤正確答案：B15.<'i><'/i>和<'em><'/em>都用來表示文字以斜體方式顯示，但是一般推薦使用<'i>。A、正確B、錯誤正確答案：B16.標簽指定式選擇器又稱交集選擇器，由兩個選擇器構成，它們之間用空格隔開。A、正確B、錯誤正確答案：B17.CSS基礎選擇器僅有三種，分別是標記選擇器、類選擇器、id選擇器。A、正確B、錯誤正確答案：B18.W3C最重要的工作是發展Web規范，對互聯網的發展和應用起到了基礎性和根本性的支撐作用。A、正確B、錯誤正確答案：A19.超鏈接是指從一個網頁指向一個目標的連接關系。A、正確B、錯誤正確答案：A20.在HTML中，<'p>標記中可以嵌套<'p>標記。A、正確B、錯誤正確答案：B21.在<'meta>標記中使用name屬性提供搜索內容名稱。設置網頁關鍵字時，name的值為keywords。A、正確B、錯誤正確答案：A22.在CSS中，background-color是用來設置背景圖像位置的屬性。A、正確B、錯誤正確答案：B23.在CSS中，行高屬性line-height是用來設置文本高度的。A、正確B、錯誤正確答案：B24.在HTML中，盒子模型的總高度等于“height+padding+margin”的尺寸總和。A、正確B、錯誤正確答案：B25.在編寫CSS代碼時，為了提高代碼的可讀性，通常需要加CSS注釋語句。A、正確B、錯誤正確答案：A26.設置訪問前超鏈接的樣式，需要為<'a>標簽添加鏈接偽類樣式：a:visited。A、正確B、錯誤正確答案：B27.WWW（英文WorldWideWeb的縮寫）中文譯為“互聯網”。A、正確B、錯誤正確答案：B28.在<'head>中使用<'link>標記可引用外部文件，一個頁面只允許使用一個<'link>標記引用外部文件。A、正確B、錯誤正確答案：B29.<'p>標記中，可以插入<'h1>~<'h6>系列標記。A、正確B、錯誤正確答案：B30.大多數網頁都是用HTML編寫網頁結構和內容，版面布局、文本或圖片的顯示樣式則使用CSS控制。A、正確B、錯誤正確答案：A31.如果不給<'img/>標記設置寬和高，圖片就會按照他的原始尺寸顯示。A、正確B、錯誤正確答案：A32.在使用列表時，如果列表項中包含若干子列表項，就需要將列表進行嵌套。A、正確B、錯誤正確答案：A33.URL（英文UniformResourceLocator的縮寫）中文譯為“統一資源定位符”。URL其實就是Web地址，俗稱“網址”。A、正確B、錯誤正確答案：A34.DNS（英文DomainNameSystem的縮寫）是域名解析系統。但是，在Internet上域名與IP地址之間并不是對應的。A、正確B、錯誤正確答案：B35.寬度屬性wid