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