HTML/CSS題庫(kù)
時(shí)間：2023-09-28 04:24:01 | 來源：網(wǎng)站運(yùn)營(yíng)
時(shí)間：2023-09-28 04:24:01 來源：網(wǎng)站運(yùn)營(yíng)
HTML/CSS題庫(kù)：
一、 填空題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腳本語言當(dāng)中，定義函數(shù)使用__
_function__單詞表示。
6.用來輸入密碼的表單域是
___ input標(biāo)簽type屬性等于password ____。
7.文件頭標(biāo)簽也就是通常所見到的
_head___ 標(biāo)簽。
8.預(yù)格式化文本標(biāo)記<pre></pre>的功能是
___標(biāo)記內(nèi)的內(nèi)容按照原格式顯示在網(wǎng)頁當(dāng)中______。
9.__
超鏈接___是網(wǎng)頁與網(wǎng)頁之間聯(lián)系的紐帶，也是網(wǎng)頁的重要特色。
10.表單是Web__
客戶端__和Web__
服務(wù)器___之間實(shí)現(xiàn)信息交流和傳遞的橋梁。
11.<tr>….</tr>是用來定義__
表格的一行____；<td>…</td>是用來定義___
表格的一列___；
12.在網(wǎng)頁中插入背景圖案（文件的路徑及名稱為/img/bg.jpg）的語句是__<body background=/img/bg.jpg>_____。
13.設(shè)定圖片高度及寬度的屬性是___
height/width ____。
14.window的 ___
onload___ 事件在瀏覽器完成頁面加載后立即觸發(fā)。
15.Javascript里Math的___
random()____方法返回介于0和1之間的偽隨機(jī)數(shù)。
16.獲得焦點(diǎn)的事件__
_ onfocus __,失去焦點(diǎn)的事件___
onblur ___。
17.W3C是指
__萬維網(wǎng)聯(lián)盟___ 。
18.當(dāng)今比較流行的技術(shù)研發(fā)模式是__
c/s___和__b/s___的體系結(jié)構(gòu)來實(shí)現(xiàn)的
19.利用CSS設(shè)置網(wǎng)頁背景顏色為綠色的語句
____background-color=’green’___<body style=”background-color:green;”>____。
20.在HTML中，引入CSS的方法主要有___
行內(nèi)式____、___
內(nèi)嵌式___、___
導(dǎo)入式___、___
鏈接式__4種。
21.在標(biāo)簽當(dāng)中可以通過__
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)常說的表單驗(yàn)證，那么表單是使用___
form___標(biāo)簽表示。
27.表單實(shí)際上包含兩個(gè)重要組成部分：一是描述表單信息的__
__ web頁 ， 二是用于處理表單數(shù)據(jù)的服務(wù)器端__
_表單處理程序___。
28.設(shè)置文檔的可見部分開始標(biāo)記符__
_<body>___；結(jié)束標(biāo)記符是___
_</body>_______。
29.嚴(yán)格來說，
___html___并不是一種編程語言，而只是一些能讓瀏覽器看懂的標(biāo)記。
30.請(qǐng)寫出在網(wǎng)頁中設(shè)定表格邊框的厚度的屬性_
_border_____；設(shè)定表格單元格之間寬度屬性
___ cellpadding____；設(shè)定表格資料與單元格線的距離屬性___
cellspacing___。
二、 選擇題1. 1.在HTML中有效，規(guī)范的注釋聲明是( D )。(選擇一項(xiàng))
A. //這是注釋
B. <!--這是--注釋-->
C. /*這是注釋*/
D. <!--這是注釋-->
2.分析下面的HTML代碼片段，則選項(xiàng)中的說法正確的是( 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">語文</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. 在頁面中創(chuàng)建了三個(gè)框架，左邊一列包含兩個(gè)框架(各占50%)，右邊一列占窗口的70%
B. 在頁面中創(chuàng)建了三個(gè)框架，左邊一列占窗口的30%，右邊一列包含兩個(gè)框架(各占50%)
C. 在頁面中創(chuàng)建了三個(gè)框架，上邊一行占窗口的30%，下邊一行包含兩個(gè)框架(各占50%)
D. 在頁面中創(chuàng)建了三個(gè)框架，上邊一行包含兩個(gè)框架(各占50%)，下邊一行占窗口的70%
4. 在HTML中，通過( b )可以實(shí)現(xiàn)鼠標(biāo)懸停在超鏈接上時(shí)，為無下劃線的效果。(選擇一項(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屬性說法正確的是( C )。(選擇一項(xiàng))
A. 用來設(shè)置圖片文件的格式
B. 用來設(shè)置圖片文件所在的位置
C. 用來設(shè)置鼠標(biāo)指向圖片時(shí)顯示的文字
D. 用來設(shè)置圖片周圍顯示的文字
6. 在HTML中，( D )可以在網(wǎng)頁上通過連接直接打開客戶端的發(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)于外部樣式表的說法錯(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樣式中文本及字體屬性的說法，錯(cuò)誤的是( C )。(選擇一項(xiàng))
A. font-size用來設(shè)置文本字體的大小
B. text-align用來設(shè)置文本的對(duì)齊方式
C. font-type用來設(shè)置字體的類型
D. font-weight用來設(shè)置字體的粗細(xì)
10. 關(guān)于W3C標(biāo)準(zhǔn)，下列說法錯(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ī)范的書寫方式
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 )用來表示特殊字符引號(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)于瀏覽器的兼容性，下列說法正確的是( AD )。(選擇二項(xiàng))
A. 瀏覽器所使用的內(nèi)核不同，是導(dǎo)致跨瀏覽器兼容性問題的根本原因
B. 瀏覽器的優(yōu)先級(jí)別：IE8.0>IE7.0>IE6.0>Firefox
C. clear:both不能用于清除浮動(dòng)
D. 通過寫CSS Hack的方式，可以解決瀏覽器兼容性的問題
14. 在html中,實(shí)現(xiàn)如下圖所示效果,則橫線處應(yīng)填寫的代碼是( D )<style>li{width:150px;font:28px 隸書;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í)，彈出頁面“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. 已知在HTML頁面上定義了如下所示的CSS樣式(選擇一項(xiàng))<STYLE TYPE="text/css">.t{ border-left-width:0px;border-left-width:1px;border-right-style:dashed; padding-top:5px;padding-left:2px;}</STYLE>分析如下的HTML代碼片斷，選項(xiàng)中說法錯(cuò)誤的是( B )<table> <tr> <td class="t">姓名：</td> <td colspan="2" class="tBorder"><input type="text" name="name"></td> </tr> <tr> <td class="t">性別：</td> <td class="t">男<input type="radio" name="sex" checked></td> <td class="t">女<input type="radio" name="sex"></td> </tr></table>
A. 表格中某些單元格應(yīng)用了t樣式
B. 表格共兩列，其中name文本框跨了兩列
C. 表格單元格右邊框?yàn)閐ashed(虛線框樣式)
D. 表格單元格頂填充為5像素
19. CSS樣式background-position:-5px 10px代表的意義是( A )(選擇一項(xiàng))
A. 背景圖片向左偏移5px，向下偏移10px
B. 背景圖片向左偏移5px，向上偏移10px
C. 背景圖片向右偏移5px，向下偏移10px
D. 背景圖片向右偏移5px，向上偏移10px
20. 若某標(biāo)簽里內(nèi)容超過標(biāo)簽尺寸，則超出內(nèi)容自動(dòng)隱藏的CSS樣式是( C )。(選擇一項(xiàng))
A. display:none
B. visibility:hidden
C. overflow:hidden
D. clear:both
21. 閱讀下面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; }
22. 閱讀下面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; }
23. 在HTML網(wǎng)頁中添加如下CSS樣式，鼠標(biāo)懸浮在鏈接上面時(shí)，網(wǎng)頁中的鏈接呈現(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. 黑色
24. 在HTML中，( D )標(biāo)簽用于在網(wǎng)頁中創(chuàng)建表單。(選擇一項(xiàng))
A. <INPUT>
B. <SELECT>
C. <TABLE>
D. <FORM>
25. 在HTML中，以下關(guān)于CSS樣式中文本屬性的說法，錯(cuò)誤的是( D )。(選擇一項(xiàng))
A. font-size用于設(shè)置文本字體的大小
B. font-family用于設(shè)置文本的字體類型
C. color用于設(shè)置文本的顏色
D. text-align用于設(shè)置文本的字體形狀
26. 在HTML中,要通過無列表符號(hào)來實(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
1. 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)頁之間進(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)簽為頁面添加音頻、視頻、動(dòng)畫等多媒體信息。（ F ）
7.在css層疊規(guī)則中，id選擇器樣式表的優(yōu)先級(jí)高于類選擇器。（ T ）
8.超鏈接：是一種標(biāo)記，形象的說法就是單擊網(wǎng)頁中的這個(gè)標(biāo)記則能夠加載另一個(gè)網(wǎng)頁，這個(gè)標(biāo)記可以做在文本上也可以做在圖像上。（ T ）
9.HTML是HyperText Markup Language（超文本標(biāo)記語言）的縮寫。超文本使網(wǎng)頁之間具有跳轉(zhuǎn)的能力，是一種信息組織的方式，使瀏覽者可以選擇閱讀的路徑，從而可以不需要順序閱讀（ T ）
10. 標(biāo)識(shí)<b>無需</b>標(biāo)識(shí)（ F ）
11. 在HTML文檔中，允許為無序列表（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)簽通常配合使用，以描述引文和引用的來源。（ T ）
17. IE6下，制作一個(gè)大小為10*10px的div，樣式是width:10px;height:10px; （ F ）
18. FTP協(xié)議是指超文本傳輸協(xié)議（ F ）
19. HTML中，空格的代碼為 （ T ）
20. 可以用HTML、JavaScript或C語言編寫自己的擴(kuò)展 （ T ）
四、 簡(jiǎn)答題- html和htm兩者之間有什么區(qū)別？
- 表格、框架、DIV三種HTML布局方式的特點(diǎn)？
- 簡(jiǎn)述一下盒子模型！
- 什么是錨連接？請(qǐng)舉例！
- HTML表單的作用和常用表單類型！
- CSS與HTML之間的關(guān)系或分別說明一下兩者的意義！
- CSS的定義和作用！
- CSS分為哪幾種選擇器并說明他們各自的特點(diǎn)！
- FORM表單中input設(shè)置為readonly和disabled的區(qū)別？
- FORM表單提交的方法中分為哪幾種？有什么區(qū)別請(qǐng)簡(jiǎn)要概述！
五、 編碼題1．請(qǐng)編寫代碼實(shí)現(xiàn)下圖效果。（6分）
HTML:
<table style="border: 1px solid blue;"> <tr> <td style="padding-right: 20px">紅色</td> <td style="padding-right: 20px">藍(lán)色</td> <td style="padding-right: 20px">綠色</td> </tr></table>2．請(qǐng)編碼實(shí)現(xiàn)如下效果。（9分）
HTML:
<table> <tr> <td>姓名</td> <td> <input type="text" id="uname" name="username"onblur="checkname()"> </td> <td id="namemess"></td> </tr> <tr> <td>密碼</td> <td> <input type="password" id="pwd" name="pwd"> </td> <td></td> </tr> <tr> <td>重復(fù)密碼</td> <td> <input type="password" id="pwd2" name="pwd2"onblur="checkpwd()"> </td> <td id="pwdmsg"></td> </tr> <tr> <td>年齡</td> <td> <input type="text" id="age" name="age" onblur="checkage()"> </td> <td id="agemsg"></td> </tr> <tr> <td>性別</td> <td> <input type="radio" value="1" name="sex">男 <input type="radio" value="0" name="sex">女 </td> </tr> <tr> <td>愛好</td> <td> <input type="checkbox" value="1" name="aihao">足球 <input type="checkbox" value="2" name="aihao">藍(lán)球 <input type="checkbox" value="3" name="aihao">羽毛球 <input type="checkbox" name="aihao" value="4">乒乓球 </td> </tr> <tr> <td>班級(jí)</td> <td> <select name="banji"> <option value="1">一年級(jí)一班</option> <option value="2">一年級(jí)2班</option> <option value="3">一年級(jí)3班</option> <option value="4">一年級(jí)4班</option> </select> </td> </tr> <tr> <td> <input type="reset" value="重置"> </td> <td align="center"> <input type="submit" value="提交"> </td> </tr></table>CSS:
<style type="text/css"> table { font-size: 12px; border: solid 1px blue; border-collapse:collapse; } td { border:solid 1px blue; }</style>3．請(qǐng)編寫代碼實(shí)現(xiàn)下圖效果（5分）
HTML:
<table> <tr> <td>姓名</td> <td> <input type="text" name="uname"> </td> </tr> <tr> <td>密碼</td> <td> <input type="text" name="pwd"> </td> </tr> <tr> <td colspan="2" align="center"> <input type="submit" value="登錄"> </td> </tr></table>CSS:
table{ font-size: 12px; border: solid 1px blue; border-collapse: collapse; width: 300px;}td{ font-size: 12px; border: solid 1px blue;}
在線咨詢
