HTML与CSS基础笔试和期末题库
一、 填空題
1.使用文本編輯器編輯完HTML后，擴展名可以是__html___或___htm__。
2.表格的標簽是____table______，單元格的標簽是____td______。
3.在編輯table表格時，合并行使用 __rowspan_____合并列使用_____colspan____。
4.在CSS層疊樣式表當中經常用到的三種選擇器：___元素選擇器___、__類選擇器__、__id選擇器__。
5.在JavaScript腳本語言當中，定義函數使用___function__單詞表示。
6.用來輸入密碼的表單域是___ input標簽type屬性等于password ____。
7.文件頭標簽也就是通常所見到的 _head___ 標簽。
8.預格式化文本標記<pre></pre>的功能是___標記內的內容按照原格式顯示在網頁當中______。
9.__超鏈接___是網頁與網頁之間聯系的紐帶，也是網頁的重要特色。
10.表單是Web__客戶端__和Web__服務器___之間實現信息交流和傳遞的橋梁。
11.<tr>….</tr>是用來定義__表格的一行____；<td>…</td>是用來定義___表格的一列___；
12.在網頁中插入背景圖案（文件的路徑及名稱為/img/bg.jpg）的語句是__
<body background=/img/bg.jpg>_____。
13.設定圖片高度及寬度的屬性是___ height\width ____。
14.window的 ___onload___ 事件在瀏覽器完成頁面加載后立即觸發。
15.Javascript里Math的___ random()____方法返回介于0和1之間的偽隨機數。
16.獲得焦點的事件___ onfocus __,失去焦點的事件___ onblur ___。
17.W3C是指 __萬維網聯盟___ 。
18.當今比較流行的技術研發模式是__c/s___和__b/s___的體系結構來實現的
19.利用CSS設置網頁背景顏色為綠色的語句____background-color=’green’___<body style=”background-color:green;”>____。
20.在HTML中，引入CSS的方法主要有___行內式____、___內嵌式___、___導入式___、___鏈接式__4種。
21.在標簽當中可以通過__style__屬性中設定CSS樣式。
22.CSS樣式遵循_就近_原則。
23.繼承原則中，CSS所有的樣式子標記都可以____繼承___父標記所有的樣式風格，而 子標記的樣式風格___完全不會影響___父標記。
24.表單的提交有兩種方式，分別是:___get____、___post___。
25.表單對象的名稱由__name__屬性設定；提交方法由___method____屬性指定；若要提交大數據量的數據，則應采用___post__方法；表單提交后的數據處理程序由__action___屬性指定。
26.經常說的表單驗證，那么表單是使用___form___標簽表示。
27.表單實際上包含兩個重要組成部分：一是描述表單信息的____ web頁 ， 二是用于處理表單數據的服務器端___表單處理程序___。
28.設置文檔的可見部分開始標記符___<body>___；結束標記符是____</body>_______。
29.嚴格來說， ___html___并不是一種編程語言，而只是一些能讓瀏覽器看懂的標記。
30.請寫出在網頁中設定表格邊框的厚度的屬性__border_____；設定表格單元格之間寬度屬性___ cellpadding____；設定表格資料與單元格線的距離屬性___ cellspacing___。
二、 選擇題
1.在HTML中有效，規范的注釋聲明是( D )。(選擇一項)
A. //這是注釋
B. <!--這是--注釋-->
C. /*這是注釋*/
D. <!--這是注釋-->
2.分析下面的HTML代碼片段，則選項中的說法正確的是( CD )(選擇二項)
<table cellspacing="30"><tr><td colspan="2" align="center">姓名</td></tr><tr><td rowspan="2" align="center">成績</td> <td align="center">語文</td> </tr><tr><td colspan="2" align="center">數學</td></tr></table>
A. 該表格共有兩行三列
B. 該表格邊框寬度為30像素
C. 該表格中的文字均居中顯示
D. 姓名”單元格跨2列
3.分析下面的HTML代碼段，下面描述正確的是( A )(選擇一項)
<frameset cols="30%,*"> <frameset rows="50%,50%"> <frame name="fx" src="x.html"> <frame name="fy" src="y.html"> <frameset> <frame ame="fz" src="z.html"> <frameset>
A. 在頁面中創建了三個框架，左邊一列包含兩個框架(各占50%)，右邊一列占窗口的70%
B. 在頁面中創建了三個框架，左邊一列占窗口的30%，右邊一列包含兩個框架(各占50%)
C. 在頁面中創建了三個框架，上邊一行占窗口的30%，下邊一行包含兩個框架(各占50%)
D. 在頁面中創建了三個框架，上邊一行包含兩個框架(各占50%)，下邊一行占窗口的70%
4. 在HTML中，通過( b )可以實現鼠標懸停在超鏈接上時，為無下劃線的效果。(選擇一項)
A、a{text-decoration:underline}
B、a{text-decoration:none}
C、a:hover{text-decoration:none}
D、a:link{text-decoration:underline}
5. 在HTML中，使用<IMG>標簽插入圖像，下列選項關于<IMG>的src屬性說法正確的是( C )。(選擇一項)
A. 用來設置圖片文件的格式
B. 用來設置圖片文件所在的位置
C. 用來設置鼠標指向圖片時顯示的文字
D. 用來設置圖片周圍顯示的文字
6. 在HTML中，( D )可以在網頁上通過連接直接打開客戶端的發送郵件工具發送電子郵件(選擇一項)
A. <A HREF="telnet:zhangming@aptech.com">發送反饋信息</A>
B. <A HREF="mail:zhangming@aptech.com">發送反饋信息</A>
C. <A HREF="ftp:zhangming@aptech.com">發送反饋信息</A>
D. <A HREF="mailto:zhangming@aptech.com">發送反饋信息</A>
7. 下列常用屬性設置中，( B )適用于<frame>標簽 (選擇一項)
A. border="0"
B. frameborder="1"
C. scrolling="0"
D. href="head.htm"
8. 下面關于外部樣式表的說法錯誤的是( A )。(選擇一項)
A. 文件擴展名為 .cs
B. 外部樣式表內容不需要使用<style>標簽,外部樣式表內容不需要使用<style>標簽
C. 使用<link>標簽引入外部樣式,使用<link>標簽引入外部樣式
D. 使用外部樣式表可以使網站更加簡潔，風格保持統一
9. 在HTML中，以下關于CSS樣式中文本及字體屬性的說法，錯誤的是( C )。(選擇一項)
A. font-size用來設置文本字體的大小
B. text-align用來設置文本的對齊方式
C. font-type用來設置字體的類型
D. font-weight用來設置字體的粗細
10. 關于W3C標準，下列說法錯誤的是( B )。(選擇一項)
A. W3C標準是由W3C組織制定的一系列Web標準
B. *.htm,<SPAN>,<p>是符合W3C標準規范的書寫方式
C. W3C標準主要包括XHTML、CSS、DOM和ECMAScript標準
D. W3C提倡內容與表現分離的Web結構
11. 在HTML中，( A )用來表示特殊字符引號。(選擇一項)
A. "
B. >
C. ©
D.
12. 下面的描述正確的是( D )(選擇一項)#menu{font-size:14px;}
A. menu是標簽選擇器
B. menu是元素選擇器
C. menu是類選擇器
D. menu是ID選擇器
13. 關于瀏覽器的兼容性，下列說法正確的是( AD )。(選擇二項)
A. 瀏覽器所使用的內核不同，是導致跨瀏覽器兼容性問題的根本原因
B. 瀏覽器的優先級別：IE8.0>IE7.0>IE6.0>Firefox
C. clear:both不能用于清除浮動
D. 通過寫CSS Hack的方式，可以解決瀏覽器兼容性的問題
14. 在html中,實現如下圖所示效果,則橫線處應填寫的代碼是( D )<style>li{width:150px;font:28px 隸書;list-style:_____;float:_____;}</style><div><ul><li>登錄</li><li>注冊</li><li>幫助</li></ul></div>圖:登錄 注冊 幫助(選擇一項)
A. 第一個橫線:inherit 第二個橫線:right
B. 第一個橫線:none 第二個橫線:right
C. 第一個橫線:inherit 第二個橫線:left
D. 第一個橫線:none 第二個橫線:left
15. 在HTML中，將表單中INPUT元素的TYPE屬性值設置為( A )時，用于創建重置按鈕。(選擇一項)
A. Reset
B. Set
C. Button
D. Image
16. 如圖所示，要求單擊“天狼星”時，彈出頁面“Page.html”,并顯示“天狼星歡迎你”，則在HTMLPage.html中，正確實現此連接的代碼是( C )(選擇一項)
A. <a href="HTMLPage.htm" target="_blank">天狼星</a>
B. <a href="_blank" target="Page.htm">天狼星</a>
C. <a href="Page.htm" target="_blank">天狼星</a>
D. <a href="HTMLPage.htm" target="Page.htm">天狼星</a>
17. 在HTML中，以下( A )能夠實現表格跨列。(選擇一項)
A. colspan屬性
B. rowspan屬性
C. colspan標簽
D. rowspan標簽
18. CSS樣式background-position:-5px 10px代表的意義是( A )(選擇一項)
A. 背景圖片向左偏移5px，向下偏移10px
B. 背景圖片向左偏移5px，向上偏移10px
C. 背景圖片向右偏移5px，向下偏移10px
D. 背景圖片向右偏移5px，向上偏移10px
19. 若某標簽里內容超過標簽尺寸，則超出內容自動隱藏的CSS樣式是( C )。(選擇一項)
A. display:none
B. visibility:hidden
C. overflow:hidden
D. clear:both
20. 閱讀下面CSS代碼，下面選項中與該代碼段效果等同的是( A )。(選擇一項).box { margin:10px 5px; margin-right:10px; margin-top:5px; }
A. .box { margin:5px 10px 10px 5px; }
B. .box { margin:5px 10px 0px 0px; }
C. .box { margin:5px 10px; }
D. .box { margin:10px 5px 10px 5px; }
21. 閱讀下面HTML代碼，如果期望tabs位于box容器的右下角，則需要添加的CSS樣式是( C )。(選擇一項)<div id="box"><div id="tabs"></div></div>
A. #tabs { position:absolute; right:0; bottom:0; }
B. #tabs { position:relative; right:0; bottom:0; }
C. #box { position:relative; } #tabs { position:absolute; right:0; bottom:0; }
D. #box { position:relative; } #tabs { position:right bottom; }
22. 在HTML網頁中添加如下CSS樣式，鼠標懸浮在鏈接上面時，網頁中的鏈接呈現的顏色為( B )。(選擇一項)body { color:red; }a { color:black; }a:link,a:visited { color:blue; }a:hover,a:active { color:green; }...
A. 紅色
B. 綠色
C. 藍色
D. 黑色
23. 在HTML中，( D )標簽用于在網頁中創建表單。(選擇一項)
A. <INPUT>
B. <SELECT>
C. <TABLE>
D. <FORM>
24. 在HTML中，以下關于CSS樣式中文本屬性的說法，錯誤的是( D )。(選擇一項)
A. font-size用于設置文本字體的大小
B. font-family用于設置文本的字體類型
C. color用于設置文本的顏色
D. text-align用于設置文本的字體形狀
25. 在HTML中，以下關于CSS樣式中文本屬性的說法，錯誤的是( D )。(選擇一項)
A. font-size用于設置文本字體的大小
B. font-family用于設置文本的字體類型
C. color用于設置文本的顏色
D. text-align用于設置文本的字體形狀
26. 在HTML中,要通過無列表符號來實現導航菜單, Css屬性中 ( C )可以設置垂直疊放次序。(選擇一項)
A. list-style
B. padding
C. z-index
D. Float
27. 下列css代碼，( C )能控制鼠標懸浮其上的超鏈接樣式。(選擇一項)
A. a:link{color:#ff7300;}
B. a:visited{color:#ff7300;}
C. a:hover{color:#ff7300;}
D. a:active{color:#ff7300;}
28. 下列css屬性中,用于指定背景圖片的是( A ).(選擇一項)
A. background-image
B. background-color
C. background-position
D. background-repeat
29. 在 html 中,下列css屬性中不屬于盒子屬性的是( C ).(選擇一項)
A. Border
B. Padding
C. Float
D. Margin
30. 下列css屬性中用于指定內容與邊框之間距離為2px的是( A )(選擇一項)
A. padding:2px;
B. border:2px;
C. margin:2px;
D. content:2px;
三、 判斷題
1.HTML的段落標志中,標注文本以原樣顯示的是<PRE></PRE>（ T ）
2.超鏈接只能在不同的網頁之間進行跳轉（ F ）
3.在源代碼窗口可以看到html文件是標準的ASCII文件，它是包含了許多被稱為標簽(tag)的特殊字符串的普通文本文件（ T ）
4.一個大div塊里包含一個小的div，設置小的div與大div的左邊距5px樣式的標準寫法是margin-left:5px; （ F ）
5.在<form><form>標簽對之間，不允許出現<p><ul>等非表單域元素。（ F ）
6.在符合XHTML1.0 Strict規范的HTML文檔中，允許使用<embed>標簽為頁面添加音頻、視頻、動畫等多媒體信息。（ F ）
7.在css層疊規則中，id選擇器樣式表的優先級高于類選擇器。（ T ）
8.超鏈接：是一種標記，形象的說法就是單擊網頁中的這個標記則能夠加載另一個網頁，這個標記可以做在文本上也可以做在圖像上。（ T ）
9.HTML是HyperText Markup Language（超文本標記語言）的縮寫。超文本使網頁之間具有跳轉的能力，是一種信息組織的方式，使瀏覽者可以選擇閱讀的路徑，從而可以不需要順序閱讀（ T ）
10. 標識<b>無需</b>標識（ F ）
11. 在HTML文檔中，允許為無序列表（ul）的某個列表項（li）嵌入定義列表（dl）。（ T ）
12. CSS樣式表的繼承性是指html元素將自動繼承父元素的所有css屬性。（ F ）
13. 在css樣式定義中，子選擇器與后代選擇器的含義相同。（ F ）
14. 在css層疊規則中，id選擇器樣式表的優先級高于類選擇器。（ T ）
15. 只有IE瀏覽器支持CSS，而其他瀏覽器不支持。（ F ）
16. 在HTML文檔中，<q>和<cite>標簽通常配合使用，以描述引文和引用的來源。（ T ）
17. IE6下，制作一個大小為10*10px的div，樣式是width:10px;height:10px; （ F ）
18. FTP協議是指超文本傳輸協議（ F ）
19. HTML中，空格的代碼為 （ T ）
20. 可以用HTML、JavaScript或C語言編寫自己的擴展 （ T ）
四、 簡答題
總結
以上是生活随笔為你收集整理的HTML与CSS基础笔试和期末题库的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 基于PHP+小程序(MINA框架)+My
- 下一篇： linux fcitx