網(wǎng)頁設計試題庫

網(wǎng)頁設計試題庫一、單選題（共30題，每題1分，共30分）1、下列關(guān)于特殊字符的說法不正確的是（）。A、轉(zhuǎn)義序列各字符間可以有空格B、可以通過菜單欄直接插入相應特殊字符的代碼C、特殊字符的代碼通常由前綴“&”、字符名稱和后綴為英文狀態(tài)下的“;”組成D、轉(zhuǎn)義序列必須以分號結(jié)束正確答案：A2、下列選項中，沒有對應的結(jié)束標記的是（）。A、<'html>B、<'title>C、<'body>D、<'br/>正確答案：D3、下列選項中，不是<'img/>標記屬性的是（）。A、hrefB、heightC、srcD、width正確答案：A4、在下列選項中，對代碼“margin:10px020px;”解釋正確的是（）。A、上間距10px，左間距0，右間距20pxB、上間距10px，左間距0，右下間距20pxC、上下間距10px，左間距0，右間距20pxD、上間距10px，左右間距0，下間距20px正確答案：D5、下列標記中，用于定義HTML5文檔所要顯示內(nèi)容的是（）。A、<'title><'/title>B、<'html><'/html>C、<'head><'/head>D、<'body><'/body>正確答案：D6、下列選項中，定義無序列表的基本語法格式正確的是（）。A、<'ul>......<'/ul>B、<'ul><'ul>列表項1<'/ul><'ul>列表項2<'/ul>......<'/ul>C、<'ul>……<'/ul><'ul>……<'/ul><'ul>……<'/ul>D、<'ul><'li>列表項1<'/li><'li>列表項2<'/li>......<'/ul>正確答案：D7、下列選項中，表示網(wǎng)頁頭部標題的標記是（）。A、headB、titleC、htmlD、body正確答案：B8、對于網(wǎng)頁制作者來說web的含義是什么？（）A、萬維網(wǎng)的縮寫B(tài)、超媒體C、傳輸協(xié)議D、可以簡單理解為網(wǎng)頁正確答案：D9、<'img/>標記鏈接圖片的屬性是（）。A、heightB、widthC、srcD、alt正確答案：C10、關(guān)于內(nèi)嵌式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;}正確答案：A11、為了更方便的控制網(wǎng)頁中各種各樣的字體，CSS提供了字體樣式屬性。下面選項中，設置字號大小書寫正確的是（）。A、{font-size:24px;}B、{font:24px;}C、{fontSize:24px;}D、{size:24px;}正確答案：A12、在HTML中，網(wǎng)頁要顯示的主體內(nèi)容應放置在（）。A、<'head><'/head>標記之間B、<'title><'/title>標記之間C、HTML中的任意位置D、<'body><'/body>標記之間正確答案：D13、網(wǎng)頁中的圖像文件位于html文件的下一級文件夾img下，則以下CSS書寫正確的是（）。正確答案：14、下面選項中，可以將HTML5頁面的標題設置為“網(wǎng)頁設計”的是（）。A、<'t>網(wǎng)頁設計<'/t>B、<'h>網(wǎng)頁設計<'/h>C、<'title>網(wǎng)頁設計<'/title>D、<'head>網(wǎng)頁設計<'/head>正確答案：C15、在行內(nèi)式CSS樣式中，<'style>標記可以設置元素的樣式，它一般位于（）標記中<'title>標記之后。A、<'h1>B、<'p>C、<'head>D、<'body>正確答案：C16、以下屬性中，不能增加盒子尺寸的屬性是（）。A、text-decorationB、heightC、paddingD、width正確答案：A17、下列樣式代碼中，用于定義盒子上邊框為1像素、藍色、單實線的是（）。A、border-top:1pxsolidblue;B、border-top:1pxdashedblue;C、border:1pxsolidblue;D、border:1pxdashedblue;正確答案：A18、在Dreamweaver中，使用主瀏覽器預覽網(wǎng)頁的快捷鍵是（）。A、Ctrl+SB、F12C、F5D、Ctrl+F12正確答案：B19、關(guān)于行內(nèi)式引入CSS樣式表，以下書寫正確的是（）。正確答案：20、在下列屬性中，用來定義文本字體的是（）。A、colorB、faceC、alignD、size正確答案：B21、當通過定義列表實現(xiàn)圖文混排時，下列標記中用于插入圖片的是（）。A、<'dl><'/dl>B、<'dt><'/dt>C、<'li><'/li>D、<'dd><'/dd>正確答案：B22、下列選項中，表示網(wǎng)頁主體的標記是（）。A、bodyB、htmlC、h1D、head正確答案：A23、在CSS中，用于設置首行文本縮進的屬性是（）。A、text-decorationB、text-alignC、text-transformD、text-indent正確答案：D24、關(guān)于樣式代碼“.box{width:200px;padding:15px;margin:20px;}”下列說法正確的是（）。A、box的總寬度為200pxB、box的總寬度為270pxC、box的總寬度為235pxD、以上說法均錯誤正確答案：B25、開發(fā)網(wǎng)頁的工具有多種，在實際工作中，最常用的的網(wǎng)頁制作工具是（）。A、EditplusB、notepad++C、sublimeD、Dreamweaver正確答案：D26、在HTML文檔頭部標記中，使用<'meta>標記的name和content屬性可以為搜索引擎提供信息。設置網(wǎng)頁描述的name屬性值應該為（）。A、charsetB、descriptionC、expiresD、keywords正確答案：B27、在定義列表中，用于對名詞進行解釋和描述的標記是（）。A、<'dl><'/dl>B、<'li><'/li>C、<'dd><'/dd>D、<'dt><'/dt>正確答案：C28、"頁面上的div標簽，其HTML代碼為<'divid="box"style="color:red">文字<'/div>，為其設置CSS樣式如下:#box{color:blue;}那么，文字的顏色將顯示為（）。"A、紅色B、藍色C、黑色D、以上選項都不正確正確答案：A29、如果有兩個上下并列關(guān)系的盒子，上面盒子的下外邊距是30px，下面盒子的上外邊距是20px，那么這兩個盒子之間的間距是（）。A、20像素B、10像素C、30像素D、50像素正確答案：C30、當通過定義列表實現(xiàn)圖文混排時，可以定義圖片解釋說明文字的標記是（）。A、<'dl><'/dl>B、<'dt><'/dt>C、<'li><'/li>D、<'dd><'/dd>正確答案：D二、多選題（共20題，每題1分，共20分）1、文檔窗口是Dreamweaver最常用到的區(qū)域之一，此處會顯示所有打開的文檔。可變換文檔的顯示方式的選擇按鈕是（）。A、代碼B、拆分C、設計D、重置正確答案：ABC2、color屬性用于定義文本的顏色，以下寫法正確的是（）。正確答案：3、關(guān)于文本格式化標記，下列說法正確的是（）。A、<'b><'/b>和<'strong><'/strong>，文字以粗體方式顯示（XHTML推薦使用strong）。B、<'i><'/i>和<'em><'/em>，文字以下劃線方式顯示（XHTML推薦使用em）。C、<'s><'/s>和<'del><'/del>，文字以加刪除線方式顯示（XHTML推薦使用del）。D、以上說法都正確。正確答案：AC4、HTML中文譯為“超文本標記語言”，主要是通過HTML標記對網(wǎng)頁中的（）等內(nèi)容進行描述。A、文本B、聲音C、word文檔D、圖片正確答案：ABD5、下列樣式代碼中，用于定義盒子上邊框為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;正確答案：AD6、關(guān)于<'p>標記，下列說法正確的是（）。A、<'p>標記里面可以放置<'h3>標記B、<'p>標記負責給文本添加“段落”語義C、<'p>標記可以嵌套使用，比如<'p><'p><'/p><'/p>D、<'p>標記里面可以放置<'img/>標記正確答案：BD7、下列選項中，屬于邊框樣式常用屬性值的是（）。A、dashedB、noneC、solidD、dotted正確答案：ABCD8、適合在網(wǎng)絡上使用的圖片格式主要有（）。A、bmpB、jpgC、pngD、gjf正確答案：BCD9、在CSS中，使用鏈入式引入CSS樣式表，要通過設置<'link/>標簽的（）屬性。正確答案：10、下面的選項中，支持透明的圖像是（）。A、jpg格式B、png格式C、psd格式D、gif格式正確答案：BD11、下列選項中，屬于定義列表標記的是（）。A、<'dl><'/dl>B、<'li><'/li>C、<'dd><'/dd>D、<'td><'/td>正確答案：AC12、下列選項中，屬于單標記的是（）。A、<'p>B、<'br/>C、<'hr/>D、<'h2><'/h2>正確答案：BC13、關(guān)于列表的嵌套，下列說法正確的是（）。A、有序列表中只能嵌套有序列表。B、<'li>與<'/li>之間相當于一個容器，可以嵌套無序列表、有序列表等網(wǎng)頁元素。C、無序列表和有序列表可以相互嵌套。D、無序列表中只能嵌套無序列表。正確答案：BC14、關(guān)于定義無序列表的基本語法格式，以下描述正確的是（）。A、<'ul><'/ul>標記用于定義無序列表。B、<'li><'/li>標記嵌套在<'ul><'/ul>標記中，用于描述具體的列表項。C、每對<'ul><'/ul>中至少應包含一對<'li><'/li>。D、<'li>不可以定義type屬性，只能使用CSS樣式屬性代替。正確答案：ABC15、HTML中文譯為“超文本標記語言”，主要是通過HTML標記對網(wǎng)頁中的（）等內(nèi)容進行描述。A、聲音B、圖片C、數(shù)據(jù)D、文本正確答案：ABD16、關(guān)于并集選擇器的描述，下列說法正確的是（）。A、并集選擇器的各個選擇器通過逗號連接B、并集選擇器用空格分隔C、并集選擇器把選中的元素設置成相同的樣式D、并集選擇器不能和其他選擇器一起使用正確答案：AC17、下列選項中屬于Web標準構(gòu)成部分的是（）。A、描述標準B、表現(xiàn)標準C、行為標準D、結(jié)構(gòu)標準正確答案：BCD18、關(guān)于內(nèi)邊距屬性padding，下列說法正確的是（）。A、padding屬性是復合屬性B、必須按順時針順序采用值復制原則定義4個方向的內(nèi)邊距C、其取值可為1到4個值D、padding的取值不能為負正確答案：ABCD19、下列選項中，關(guān)于標記選項說法正確的是（）。A、在嵌套結(jié)構(gòu)中，HTML元素的樣式總是遵從“就近原則”B、標記可以擁有多個屬性，屬性之間不分先后順序，屬性與屬性之間以空格分開C、在HTML標記中，“屬性”和“屬性值”是以“鍵值對”的形式出現(xiàn)的D、在標記的嵌套過程中，必須先結(jié)束最靠近內(nèi)容的標記，再按照由外及內(nèi)的順序依次關(guān)閉標記。正確答案：ABC20、關(guān)于無序列表的描述，下列說法錯誤的是（）。A、無序列表<'ul>可以讓列表項采用大寫羅馬字母表示。B、無序列表<'ul>里面只能放置<'li>，不能放其他標簽。C、無序列表<'ul>里面可以直接嵌套其他標簽。D、無序列表<'li>里面可以嵌套其他標簽。正確答案：AC三、判斷題（共50題，每題1分，共50分）1、所有的瀏覽器對同一個CSS樣式的解析都相同，因此頁面在不同瀏覽器下的顯示效果完全一樣。A、正確B、錯誤正確答案：B2、創(chuàng)建圖像超鏈接時，在任何瀏覽器中，圖像都會添加邊框效果。A、正確B、錯誤正確答案：A3、HTML語言主要是通過HTML標記對網(wǎng)頁中的文本、圖片、聲音等內(nèi)容進行描述。A、正確B、錯誤正確答案：A4、在圖像常用格式中，GIF只能處理256種顏色。A、正確B、錯誤正確答案：A5、URL（英文UniformResourceLocator的縮寫）中文譯為“統(tǒng)一資源定位符”。URL其實就是Web地址，俗稱“網(wǎng)址”。A、正確B、錯誤正確答案：A6、在編寫CSS代碼時，為了提高代碼的可讀性，通常需要加CSS注釋語句。A、正確B、錯誤正確答案：A7、內(nèi)邊距出現(xiàn)在盒子模型內(nèi)容區(qū)域的周圍。A、正確B、錯誤正確答案：A8、在<'head>中使用<'link>標記可引用外部文件，一個頁面只允許使用一個<'link>標記引用外部文件。A、正確B、錯誤正確答案：B9、外邊距指的是元素邊框與相鄰元素之間的距離。A、正確B、錯誤正確答案：A10、大多數(shù)網(wǎng)頁都是用HTML編寫網(wǎng)頁結(jié)構(gòu)和內(nèi)容，版面布局、文本或圖片的顯示樣式則使用CSS控制。A、正確B、錯誤正確答案：A11、網(wǎng)頁中需要定義什么內(nèi)容，就用相應的HTML標記描述即可。A、正確B、錯誤正確答案：A12、鏈入式是使用頻率最高，也最實用的CSS樣式表，它將HTML代碼與CSS代碼分離為兩個或多個文件，實現(xiàn)了結(jié)構(gòu)和表現(xiàn)的完全分離。A、正確B、錯誤正確答案：A13、實際網(wǎng)頁制作過程中，最常用的網(wǎng)頁制作工具是Dreamweaver。A、正確B、錯誤正確答案：A14、在行內(nèi)式CSS樣式中，屬性和值的書寫規(guī)范與CSS樣式規(guī)則不相同。A、正確B、錯誤正確答案：B15、導入式與鏈入式相同，都是針對外部樣式表文件的。對HTML頭部文檔應用style標記，并在<'style>標記內(nèi)的開頭處使用@important語句，即可導入外部樣式表文件。A、正確B、錯誤正確答案：A16、通配符選擇器設置的樣式對所有的HTML標記都生效，不管標記是否需要該樣式，這樣反而降低了代碼的執(zhí)行速度。A、正確B、錯誤正確答案：A17、超鏈接是指從一個網(wǎng)頁指向一個目標的連接關(guān)系。A、正確B、錯誤正確答案：A18、CSS樣式中的注釋“/**/”中的內(nèi)容，瀏覽器不會解析，主要是用于提示初學者。A、正確B、錯誤正確答案：A19、在超鏈接中，當target取值為“_self”，意為在原窗口中打開鏈接頁面。A、正確B、錯誤正確答案：A20、CSS具有繼承性和層疊性，所謂繼承性是指書寫CSS樣式表時，子標記會繼承父標記的某些樣式。A、正確B、錯誤正確答案：A21、在超鏈接中，如果暫時沒有確定鏈接目標，通常將<'a>標記的href屬性值定義為“*”。A、正確B、錯誤正確答案：B22、一個HTML文檔中，可以有多個<'h1>標記。A、正確B、錯誤正確答案：B23、盒子模型中，外邊距合并問題是IE6獨有的一個BUG，需要專門解決。A、正確B、錯誤正確答案：B24、在HTML頁面中，帶有“<'>”符號的元素被稱為HTML標記。A、正確B、錯誤正確答案：A25、<'i><'/i>和<'em><'/em>都用來表示文字以斜體方式顯示，但是一般推薦使用<'i>。A、正確B、錯誤正確答案：B26、在Dreamweaver中制作網(wǎng)頁，一般需要將菜單欄【窗口】模式下的【工作區(qū)布局】設置為【經(jīng)典】模式。A、正確B、錯誤正確答案：A27、在HTML常用的三種列表中，定義列表的列表項前沒有任何項目符號。A、正確B、錯誤正確答案：A28、瀏覽器中顯示的所有文本、圖像、音頻和視頻等信息都必須位于<'body>標記內(nèi)。A、正確B、錯誤正確答案：A29、相對路徑不帶有盤符，通過層級關(guān)系描述目標圖像的位置。A、正確B、錯誤正確答案：B30、在CSS代碼中，空格是不被解析的。因此，屬性的值和單位之間允許出現(xiàn)空格。A、正確B、錯誤正確答案：B31、由于CSS內(nèi)嵌式寫法是將CSS樣式寫在HTML頁面中，所以內(nèi)嵌式寫法是不符合結(jié)構(gòu)與表現(xiàn)這一特點的。A、正確B、錯誤正確答案：B32、內(nèi)嵌式CSS樣式用<'style>標記定義，<'style>標記一般位于<'head>標記中<'title>標記之后，也可以把它放在HTML文檔的任何地方。A、正確B、錯誤正確答案：A33、內(nèi)嵌式CSS樣式只對其所在的HTML頁面有效，因此，僅設計一個頁面時可以使用內(nèi)嵌式。A、正確B、錯誤正確答案：A34、所有的標簽都可以設置寬度和高度屬性。A、正確B、錯誤正確答案：B35、在HTML中使用注釋標記時，注釋內(nèi)容不會顯示在瀏覽器窗口中。A、正確B、錯誤正確答案：A36、寬度屬性wid