Web開發(fā)基礎期末復習指導（附參考答案）

Web開發(fā)基礎課程期末復習指導

練習及參考答案

1.單項選擇題（將正確答案序號填寫在題目的括號中）

（1）Internet上提供的主要服務有:Telnet、E-maik（）、FTP。

A.AppB.WindowsC.WWWD.W3C

（2）下面定義頁面編碼格式的元素正確的是（）o

A.<metacharset=utf-8>B.<metacharset："utf-8u>

C.<metacharset="utf-8M>D.<titlecharset=,utf-8,>

（3）下列選項中，不屬于input元素的type屬性可選內(nèi)容的是（）。

A.textB.passwordC.submitD.hide

（4）網(wǎng)頁中引入外部樣式表的代碼正確的是（）o

A.<stylerel=,,stylesheef,href=,,index.css,,>

B.<stylerel=,,stylesheef,src=,,index.css,%>

C.<linkrel=,,stylesheef,href="index.css”>

D.<linkrel="stylesheet"src="index.css''>

（5）元素一旦浮動后，都會變?yōu)椋海ǎ﹐

A.行內(nèi)元素B.塊元素C.行內(nèi)塊元素D.浮動元素

（6）寬100px的div元素，修改轉(zhuǎn)換原點為右上角，下列屬性設置正確的是（）o

A.transform-origin:100%0B.transform-origin:0100%;

C.transfbrm-origin:0lOOpxD.transform-origin:lefttop;

（7）下列在less中定義變量的語法正確的是（）o

A.red:#e4393c;B.@red=#e4393c;

C.@red:#e4393c;D.red=#e4393c;

（8）普通規(guī)則下，如果設備寬為767px,可認為其為（）設備。

A.超大屏B.PCC.PADD.手機

（9）Bootstrap的less源碼中保存所有基礎變量的less文件是（）。

A.bootstrap.lessB.progess-bars.lessC.variables.lessD.media.less

（10）希望能自由修改元素的位置，但又不希望默認文檔流中原始位置被釋放，應選擇（）o

A.position:absoluteB.position:relativeC.position:fixedD.position:static

2.多項選擇題（將答案填寫在題目的括號中）

（1）以下屬于表單元素的是：（）o

A.labelB.inputC.textareaD.select

（2）一個元素可同時被多個樣式類修飾，以下寫法正確的是：（）。

A.<aclass=".btn"class=".btn?danger”>

B.<aclass="btn“class="btn-danger''>

C.<aclass=,,btn,btn-danger,5>

D.<aclass=,,btnbtn-dangef^

（3）默認可在一行中水平排列的元素有：（）。

A.行內(nèi)元素B.塊元素C.行內(nèi)塊元素D.標題元素

（4）下列可分別設置元素在x軸和y軸兩個方向上的縮放比例的是：（）。

A.scale（value）B.scale（x,y）C.scaleX（x）和scaleY（y）D.scale必須等比例縮放

（5）流式布局主要使用：（）。

A.使用table顯示網(wǎng)頁的各個區(qū)域

B.使用浮動定位顯示網(wǎng)頁的各個區(qū)域

C.使用行內(nèi)塊顯示網(wǎng)頁的各個區(qū)域

D.使用塊元素顯示網(wǎng)頁的各個區(qū)域

3.判斷題（判斷下列敘述是否正確，正確的畫4,錯誤的畫x,標記在括號中）

（1）FTP協(xié)議規(guī)定了Web服務器與瀏覽器之間如何打包及如何傳輸數(shù)據(jù)。（）

（2）塊級元素和行內(nèi)元素都具備align屬性，可設置內(nèi)容的對齊方式。（）

（3）默認情況下，單擊（inputtype="radio">旁邊的文本，不會選中該單選按鈕。（）

（4）父元素所有樣式屬性，子元素都會自動繼承。（）

（5）塊級元素默認都是從上到下排列的，且每個塊元素獨占一行。（）

（6）設置元素的linear-gradient屬性，可實現(xiàn)線性漸變。（）

（7）編譯是指將瀏覽器不認識的Less語言代碼轉(zhuǎn)換為CSS語言代碼的過程。（）

（8）視口在手機端和在PC端都默認始終通過縮小網(wǎng)頁方式，全部顯示網(wǎng)頁內(nèi)容。（）

（9）Bootstrap所有組件，單靠引入bootstrap.css就可執(zhí)行。（）

（10）如內(nèi)部浮動元素，高于外部容器元素，則內(nèi)部浮動元素超出外部元素范圍的部分自動隱藏。

（）

4.編程題（仔細閱讀題目，從答案選項中選擇正確的選項，將其對應的標號填寫在橫線處，從而把

步驟補充完整）

（1）從答案選項中選擇正確的代碼，將其對應的字母填寫在空白的步驟中，從而把步驟補充完整:

定義一個表格，一共2行四列。其中，第一行第一個格，向下跨2行，且內(nèi)容頂端對齊。第二行第

二個單元格位置的格，向右跨3行，且內(nèi)容居左對齊：

<table>

<td___①______②___></td>

<tdx/td>

<tdx/td>

<td></td>

</tr>

<tr>

<td_(§)_④></td>

</tr>

</table>

其中:①和③請選擇不規(guī)則表格相關的屬性

②和④請選擇內(nèi)容對齊方式

［答案選項］

a.colspan="2"

b.rowspan="2"

c.colspan="3"

d.rowspan="3"

e.align=,,righf,

f.valign=^^top^^

g.align="top''

h.valign士Tight”

請?zhí)顚懀孩伲孩冢孩郏孩埽?/p>

(2)從答案選項中選擇正確的代碼，將其對應的字母填寫在空白的步驟中，從而把步驟補充完整:

如下圖所示需求設計圖：外層一個section元素，包裹著內(nèi)層四個span元素。

請在下列CSS中補充選擇器和css屬性:

<style>

section{____①}

sectionspan{____②;____?_

section?_{width:223px;}

</style>

［答案選項］

a.box-sizing:box;padding:1Opx0;

b.padding:!Opx0;

c.width:lOOOpx;margin:0auto;padding:O15px;margin-top:35px;

d.box-sizing:border-box;

e.width:lOOOpx;margin:auto;padding:15px;margin:35px;

f.padding:0lOpx;

g.span>img

i.span,img

請?zhí)顚懀孩伲孩冢孩郏孩埽?/p>

5.配伍題

(1)請為名詞①~⑤選擇表示其含義的描述，將配對好的a~e填寫到括號中

代用戶發(fā)送請求，作為HTML的解釋器和內(nèi)嵌腳本的執(zhí)行器，用圖

①WEB服務器a

形化方式顯示W(wǎng)eb網(wǎng)頁的內(nèi)容。

②WEB瀏覽器b存儲網(wǎng)站資源文件，響應瀏覽器發(fā)來的請求，提供基本的安全功能

③HTTP協(xié)議c用于支持客戶機跨廣域網(wǎng)訪問公司內(nèi)部網(wǎng)絡的服務

④Internetd規(guī)定了Web服務器與瀏覽器之間如何打包及如何傳輸數(shù)據(jù)

⑤遠程訪問服務e由那些使用公用語言互相通信的計算機連接而成的全球網(wǎng)絡

①：②：③：?：⑤：

參考答案

1.單項選擇題

(1)C(2)C(3)D(4)C(5)B

(6)A(7)C(8)D(9)C(10)B

2.多項選擇題

(1)BCD(2)BD(3)AC(4