網(wǎng)頁設計復習題與答案

網(wǎng)頁設計復習題與答案

1、在CSS中，用于設置首行文本縮進的屬性是()o

A、text-decoration

B、text-align

C、text-transform

D、text-indent

答案：D

2、下列選項中，定義無序列表的基本語法格式正確的是()o

A、<ul><'li〉列表項li>列表項2<'/li>.....</ul>

B、<ul><'ul>列表項<'ul>列表項2<'/ul〉.....</ul>

C、<ul>.....<Vul>

D、<ul>...<*/ul><ul>...<*/ul><ul>...<*/ul>

答案：A

3、URL的俗稱是什么？()

A、地址欄

B、網(wǎng)址

C、網(wǎng)頁

D、超鏈接

答案：B

4、關于樣式代碼box{width:200px;padding:15px;margin:20px：}n

下列說法正確的是()o

A、box的總寬度為200Px

B、box的總寬度為270Px

C、box的總寬度為235Px

D、以上說法均錯誤

答案：B

5、下列選項中，屬于并集選擇器書寫方式的是Oo

A、hlp(}

B、hl_p{}

C、hl,p{}

D、hl-p{}

答案：C

6、下面標記中，表示換行的標記是()o

A、<*hl>

B^<'enter>

C、<'br/>

D、<'hr/>

答案：C

7、關于創(chuàng)建錨點鏈接的代碼，下列書寫正確的是()o

"A、<'ahref="#one”>鏈接文本<'/a>.....<'h3id="one”>錨點鏈接

/h3>

B、〈'ahref="#id”>鏈接文本<'/a>.....<'h3id="one”》錨點鏈接

/h3>

C、<'ahref="#">鏈接文本<,/a>.....<*h3id="one”>錨點鏈接<'/h3>

D、<'ahref="#one”>鏈接文本<'/a>.....<*h3id="#one”>錨點鏈接

/h3>”

答案：A

8、下面的選項中，CSS樣式規(guī)則的具體格式正確的是()o

A、選擇器｛屬性1:屬性值1

屬性2:屬性值2屬性3:屬性值3｝

B、選擇器｛屬性1:屬性值1,屬性2:屬性值2,屬性3:屬性值3

)

C、選擇器｛屬性1:屬性值1

屬性2:屬性值2

屬性3:屬性值3

)

D、選擇器｛屬性1:屬性值1屬性2:屬性值2屬性3:屬性值3｝

答案：C

9、以下屬性中，不能增加盒子尺寸的屬性是()o

A、height

B、width

C、padding

D、text-decoration

答案：D

10、在網(wǎng)頁中插入圖像，若圖像文件位于html文件的上兩級文件夾，則在

文件名之前加入()o

A、../

B、/

C、./

D、../

答案：D

11、下列選項中，屬于定義有序列表的基本語法格式的是()。

A、<ol>li>列表項li>列表項.....</ol>

B、<'ul>〈'li>列表項<Ti>列表項.</ul>

C、<'ul>.....<'/ul>

D、<*ol>...<</ol><>ol>...<</ol><*ol>...<*/ol>

答案：A

12、下列選項中，用于改變盒子模型外邊距的是()o

A、margin

B、padding

C^type

D、border

答案：A

13、在Dreamweaver中，新建HTML默認文檔的快捷鍵是()。

A、Ctrl+N

B、Ctrl+Shift+N

C、Ctrl+Shift+S

D、Ctrl+F12

答案：B

14、使用標簽指定式選擇器，讓段落應用class名為test的類，下列寫法

正確的是()。

A^.p.test{color:red

)

B、p#test{color:red

)

C、p.test{color:red

)

D、.p,test{color:red

)

答案：C

15、以下標示符中，用于設置頁面標題的是()o

A、〈'title〉

B、〈'caption>

C、〈'head>

D、<*html>

答案：A

16、使用標簽指定式選擇器，讓段落應用class名為test的類，下列寫法

正確的是()o

A^p.test{color:red

)

B、p#test{color:red

)

C、p.test{color:red

)

D、p,test(color:red

)

答案：C

17、關于行內(nèi)式引入CSS樣式表，以下書寫正確的是()o

"A、<"pstyle=font-size:12px,color:red

》段落文本/p>

B、<'pstyle=/zfont-size:12px,color:red

。段落文本/p>

C、pstyle=，/font-size:12px

color:red

〃>段落文本<'/p>

D、('pstyle="，font:12px

color:red

“》段落文本<'/p>”

答案：C

18、下列選項中，沒有對應的結束標記的是。。

A、〈'title>

B、〈'body>

C、<'html>

D、<'br/>

答案：D

19、定義列表常用于對術語或名詞進行解釋和描述，用一對()標記定義。

A、<'ulX'/ul>

B、<，ol><，/ol>

C、<'dt><，/dt>

D、<'dlX'dl>

答案：D

20、〈'inig/＞標記鏈接圖片的屬性是()。

A、src

B、alt

C、width

D、height

答案：A

21、開發(fā)網(wǎng)頁的工具有多種，在實際工作中，最常用的的網(wǎng)頁制作工具是

()O

A、Editplus

B、notepad++

C、sublime

D、Dreamweaver

答案：D

22、下面的選項中，表示元素距離上下左右的外邊距都是lOpx的是哪一

項？()

A、{padding:lOpx

)

B、{margin:lOpx0

)

C、{padding:lOpx0

)

D、{margin:lOpx

)

答案：D

23、關于行內(nèi)式引入CSS樣式表，以下書寫正確的是()o

"A、＜"pstyle=font-size:12px

color:red

＞段落文本＜'/p＞

B^＜,pstyle="font-size:12px,color:red

”》段落文本＜'/p＞

C、＜'pstyle="，font-size:12px

color:red

”＞段落文本＜'/p＞

D、pstyle="，font:12px

color:red

〃>段落文本<'/p>〃

答案：c

24、在行內(nèi)式CSS樣式中，〈'style》標記可以設置元素的樣式，它一般位

于()標記中〈’title》標記之后。

A、<*hl>

B、<'p>

C、head>

D^body>

答案：c

25、在下列屬性中，用來定義文本字體大小的是()o

A、color

B、face

C、size

D^align

答案：c

26、下列選項中，符合標簽指定式選擇器的寫法要求的是()o

A、由兩個選擇器構成，其中第一個為標記選擇器，第二個為class選擇器

或id選擇器，兩個選擇器之間不能有空格。

B、由兩個選擇器構成，其中第一個為標記選擇器，第二個為class選擇器

或id選擇器，兩個選擇器之間必須有空格。

C、由兩個選擇器構成，其中第一個為標記選擇器，第二個必須為class選

擇器，兩個選擇器之間不能有空格。

D、由兩個選擇器構成，其中第一個為標記選擇器，第二個為id選擇器，

兩個選擇器之間必須有空格。

答案：A

27、當通過定義列表實現(xiàn)圖文混排時，下列標記中用于插入圖片的是()。

A、〈'dlX'/dl>

B、〈'ddX'/dd〉

C、<dt><，/dt>

D、<li><，/li>

答案：C

28、下列選項中，表示網(wǎng)頁主體的標記是()o

A、head

B、body

C、html

D、hl

答案：B

29、下列選項中，用于更改元素左內(nèi)邊距的是。。

A、text-indent

B、padding-left

C、margin-left

D、padding-right

答案：B

30、〈'div〉標記是網(wǎng)頁布局中最常用的標記，其顯示類型為。。

A、塊級類型

B、行內(nèi)類型

C、行內(nèi)塊類型

D、浮動類型

答案：A

31、適合在網(wǎng)絡上使用的圖片格式主要有()o

A、jpg

B、png

C、gjf

D、bmp

答案:ABC

32、下列選項中，可用于定義背景顏色的是。。

A、background-color:red

B、background-color:#f00

C、background-color:rgb(255,0,0)

D、color:#f00

答案：ABC

33、下列選項中，說法正確的是()。

A、＜'pX'/p》是一個雙標記

B、h2X'/h2＞二級標題是一個單標記

C、在HTML標記中分為單標記和雙標記

D、在HTML中hr/＞是單標記

答案：ACD

34、在CSS中定義字體的粗細，以下書寫正確的是。。

“A、p{font-weight:bold

B、p{font-weight:bolder

C^p{font-weight:"bolder”

)

D、p(font-weight:500

}〃

答案：ABD

35、下面選項中，關于內(nèi)邊距的說法正確的是()。

A、內(nèi)邊距指的是元素內(nèi)容與邊框之間的距離，也常常稱為內(nèi)填充

B、在CSS中設置盒子的內(nèi)邊距，需要使用padding屬性

C、內(nèi)邊距屬性padding是一個復合屬性

D、padding屬性取值方法很多，但是不允許使用三值寫法

答案：ABC

36、下列選項中，關于標記選項說法正確的是。。

A、在HTML標記中，“屬性”和“屬性值”是以“鍵值對”的形式出現(xiàn)的

B、標記可以擁有多個屬性，屬性之間不分先后順序，屬性與屬性之間以空

格分開

C、在嵌套結構中，HTML元素的樣式總是遵從“就近原則”

D、在標記的嵌套過程中，必須先結束最靠近內(nèi)容的標記，再按照由外及內(nèi)

的順序依次關閉標記。

答案：ABC

37、下列標記中屬于文本格式化標記的是。。

A、＜'bX'/b〉

B、〈'delX'/del〉

C、＜'iX'/i＞

D、＜'uX'/u＞

答案：ABCD

38、下面的選項中，哪些CSS屬性沒有繼承性？()

A、字體屬性

B、邊框屬性

C、邊距屬性

D、字號屬性

答案：BC

39、盒子模型有多個屬性，其中元素內(nèi)容與邊框之間的距離通常被稱為

()。

A、內(nèi)邊距

B、內(nèi)填充

C、外邊距

D、外填充

答案：AB

40、文檔窗口是Dreamweaver最常用到的區(qū)域之一，此處會顯示所有打開

的文檔。可變換文檔的顯示方式的選擇按鈕是()。

A、代碼

B、拆分

C、設計

D、重置

答案：ABC

41、關于〈'br/＞標記，下列說法正確的是()o

A、＜br/〉標記和〈'p》標記具有相同的語義

B、使用換行標記＜'br/〉的段落可以實現(xiàn)強制換行的效果

C、在代碼中，可以直接通過回車來實現(xiàn)換行效果，從而不用使用＜'br/＞

標記

D、＜*br/＞標記可以連續(xù)使用，比如〈'br/＞＜*br/＞

答案：BD

42、下列選項中，關于標簽指定式選擇器的寫法正確的是()o

A、p.current{color:red

)

B、divcurrent{color:red

)

C、.current,p{color:red

)

D、divttcurrent{color:red

)

答案:AD

43、下列選項中屬于Web標準構成部分的是()o

A、結構標準

B、表現(xiàn)標準

C、行為標準

D、描述標準

答案：ABC

44、下面的應用軟件，可以用于網(wǎng)頁制作開發(fā)的是（）o

A、Editplus

B、notepad++

C、Dreamweaver

D＞3Dmax

答案：ABC

45、關于定義無序列表的基本語法格式，以下描述正確的是（）。

A、＜'ulX'/ul》標記用于定義無序列表。

B、標記嵌套在《'ulX'/ul〉標記中，用于描述具體的列表項。

C、每對（'ulX'/ul＞中至少應包含一對〈‘liX'/li＞o

D、〈’li＞不可以定義type屬性，只能使用CSS樣式屬性代替。

答案：ABC

46、關于鏈入式CSS樣式表，下面說法正確的是（）o

A、鏈入式CSS才是真正實現(xiàn)結構與樣式分離的CSS書寫方式

B、鏈入式CSS代碼必須也在一對style標簽內(nèi)部

C、鏈入式CSS必須將所有CSS屬性寫在以.css為擴展名的外部樣式表文

件中

D、一個HTML頁面只能鏈接一個CSS文件

答案：AC

47、關于后代選擇器，下列說法正確的是（）。

A、后代選擇器主要用于嵌套的標簽。

B、后代選擇器可以用于很多層的標簽嵌套。

C、后代選擇器多個標簽之間是用空格隔開的。

D、后代選擇器外層標記寫在前面，內(nèi)層標記寫在后面。

答案：ABCD

48、關于列表的嵌套，下列說法正確的是（）。

A、無序列表中只能嵌套無序列表。

B、有序列表中只能嵌套有序列表。

C、無序列表和有序列表可以相互嵌套。

D、〈Ti＞與＜'/li＞之間相當于一個容器，可以嵌套無序列表、有序列表等

網(wǎng)頁元素。

答案：CD

49、下面的選項中，支持透明的圖像是（）-

A>jpg格式

B、gif格式

C、psd格式

D^png格式

答案：BD

50、下列標記中，屬于雙標記的是（）。

A、<'p>

B、<'hl>

C、<'br/>

D、〈'hr/>

答案:AB

51、在鏈入式CSS樣式中，一個HTML頁面可以引入多個樣式表。

A、正確

B、錯誤

答案：A

52、內(nèi)嵌式CSS樣式只對其所在的HTML頁面有效，因此，僅設計一個頁面

時可以使用內(nèi)嵌式。

A、正確

B、錯誤

答案：A

53、所謂靜態(tài)網(wǎng)頁是指用戶無論何時何地訪問，網(wǎng)頁都會顯示固定的信息,

即使網(wǎng)頁源代碼被重新修改上傳也不會改變。

A、正確

B、錯誤

答案：B

54、大多數(shù)網(wǎng)頁都是用HTML編寫網(wǎng)頁結構和內(nèi)容，版面布局、文本或圖片

的顯示樣式則使用CSS控制。

A、正確

B、錯誤

答案：A

55>在鏈入式CSS樣式中，一個HTML頁面只能引入一個樣式表。

A、正確

B、錯誤

答案：B

56、列表的嵌套通常是指有序列表和無序列表的嵌套，因此定義列表不能

用在列表的嵌套中。

A、正確

B、錯誤

答案：B

57、〈'title〉與〈'/title》標記之間，用于輸入HTML文檔的標題。

A、正確

B、錯誤

答案：A

58、一個div的高度為200px,內(nèi)邊距為10px,邊框為Ipx,那么它的總

高度尺寸為222px。

A、正確

B、錯誤

答案：A

59、在HTML標記中，屬性之間不分先后順序，標記名與屬性、屬性與屬性

之間均以逗號分開。

A、正確

B、錯誤

答案：B

60、默認情況下塊元素會獨自占據(jù)一整行或多整行。

A、正確

B、錯誤

答案：A

61>一個HTML文檔只能含有一對body》標記，且body》標記必須在

<'html>標記內(nèi)。

A、正確

B、錯誤

答案：A

62、網(wǎng)頁主要由文字、圖像和超鏈接等元素構成。

A、正確

B、錯誤

答案：A

63、無序列表的各個列表項之間，雖然沒有順序級別之分，但是存在主從

關系。

A、正確

B、錯誤

答案：B

64、在編寫CSS代碼時，為了提高代碼的可讀性，通常需要加CSS注釋語

句。

A、正確

B、錯誤

答案：A

65、外邊距指的是元素邊框與相鄰元素之間的距離。

A、正確

B、錯誤

答案：A

66、！DOCTYPE＞標記和瀏覽器的兼容性無關，為了代碼簡潔，可以刪掉。

A、正確

B、錯誤

答案：B

67、相對路徑不帶有盤符，通過層級關系描述目標圖像的位置。

A、正確

B、錯誤

答案：B

68、在設置邊框寬度和邊框顏色時，必須同時設置邊框樣式。

A、正確

B、錯誤

答案：A

69、＜'font》標記可以用來控制網(wǎng)頁中文本的字體、字號、對齊方式和顏色。

A、正確

B、錯誤

答案：B

70、！D0CTYPE〉標記位于文檔的最前面，用于向瀏覽器說明當前文檔使

用哪種HTML或XHTML標準規(guī)范。

A、正確

B、錯誤

答案：A

71、＜'p＞標記中，可以插入＜'hl＞~〈'h6＞系列標記。

A、正確

B、錯誤

答案：B

72、在圖像常用格式中，GIF只能處理256種顏色。

A、正確

B、錯誤

答案：A

73、導入式與鏈入式相同，都是針對外部樣式表文件的。

A、正確

B、錯誤

答案：A

74、CSS樣式中的選擇器嚴格區(qū)分大小寫，屬性和值可以不區(qū)分大小寫。

A、正確

B、錯誤

答案：A

75、書寫圖片路徑的時候，盡量使用絕對路徑，因為可以更穩(wěn)定簡潔。

A、正確

B、錯誤

答案：B

76、由于采用內(nèi)嵌式引入的CSS樣式寫在HTML頁面中，因此背離了結構與

表現(xiàn)相分離的原則。

A、正確

B、錯誤

答案：B

77、因為靜態(tài)網(wǎng)頁的訪問速度快，所以現(xiàn)在互聯(lián)網(wǎng)上的大部分網(wǎng)站都是由

靜態(tài)網(wǎng)頁組成的。

A、正確

B、錯誤

答案：B

78、HTML語言主要是通過HTML標記對網(wǎng)頁中的文本、圖片、聲音等內(nèi)容

進行描述。

A、正確

B、錯誤

答案：A

79＞在HTML頁面中，＜'hr＞為雙標記，用于定義一條水平線。

A、正確

B、錯誤

答案：B

80、在HTML中使用注釋標記時，注釋內(nèi)容不會顯示在瀏覽器窗口中。

A、正確

B、錯誤

答案：A

81、內(nèi)嵌式CSS樣式對網(wǎng)站中的所有HTML頁面都有效。

A、正確

B、錯誤

答案：B

82、在超鏈接中“href”屬性用于指定鏈接頁面的打開方式。

A、正確

B、錯誤

答案：B

83、在HTML頁面中，帶有＞”符號的元素被稱為HTML標記。

A、正確