HTML+CSS+JS面試題

一、單項選擇(165題)

1.HTML是什麼意思？

A)高階文字語言

B)超文字標記語言

C)擴充套件標記語言

D)圖形化標記語言

2.瀏覽器針對於HTML文件起到了什麼作用？

A)瀏覽器用於建立HTML文件

B)瀏覽器用於檢視HTML文件

C)瀏覽器用於修改HTML文件

D)瀏覽器用於刪除HTML文件

3.預設情況下，使用P標記會形成什麼效果？

A)在文字P所在位置中加入8個空格

B)P後面的文字會變成粗體

C)開始新的一行

D)P後面的文字會變成斜體

4.哪個標記用於表示HTML文件的結束？

A)/BODY

B)/HTML

C)/TABLE

D)/TITLE

5.META元素的作用是什麼？。

A)META元素用於表達HTML文件的格式

B)META元素用於指定關於HTML文件的資訊

C)META元素用於實現本頁的自動重新整理

D)以上都不對

6.我們在HTML頁面中製作了一個影象，想要在滑鼠指向這個影象時浮出一條提示資訊，應該使用哪個引數做到？

A)POP

B)SRC

C)ALT

D)MSG

7.以下的哪一種顏色格式支援上百萬種顏色，但是不支援無失真壓縮？

A)bmp

B)jpg

C)gif

D)tif

8.哪一個標記用於使HTML文件中表格里的單元格在同行進行合併？

A)cellspacing

B)cellpadding

C)rowspan

D)colspan

9.使用以下那一種元素可以將聲音新增到網頁裡面？

A)sound

B)bgsound

C)music

D)voice

10.以下HTML程式碼中，哪一個是將詞語“Run Away Bride”顯示為Verdana字型並且字號為5號的正確程式碼？

A)<font size=“5”font=“Verdana”>RunAway Bride</font>

B)<font size=“5”face=“Verdana”>RunAway Bride</font>

C)<font size=5font=Verdana>“Run Away Bride”</font>

D)<font size=5 face=“Verdana”,text=“RunAway Bride”</font>

11.在<param>標籤中，下列哪個屬性用於給引數傳遞內容？

A)Address

B)Value

C)Amount

D)Method

12.超連結不能連結到下列哪個位置？

A)同一HTML文件內的位置

B)磁碟上其他HTML文件

C)Internet上HTML文件

D)計算機，你與它之間沒有通訊鏈路

13.一個資料夾名稱叫Parent，其下有一個叫做test.asp的檔案，和一個名為Child的資料夾。Child下有一個名為default.htm檔案，想在default.htm中作一個連線，鏈到test.asp。以下正確的是：

A)<a href=“/test.asp”>…</a>

B)<a href=“c:/test.asp”>…</a>

C)<a href=“‥/test.asp”>…</a>

D)<a href=“Parent/test.asp”>…</a>

14.下列那項技術可以用於幫助網頁設計時使頁面具有統一、專業的外觀？

A)HTML

B)DHTML

C)CSS

D)URL

15.Window物件是代表InternetExplorer視窗的物件，其屬性、方法和事件可以不經限定就可以直接使用。比如Window.Alert“stop”也可以直接寫成：Alert“stop”這種說法是正確的還是錯誤的？

A)正確

B)錯誤

16.在頁面中看不見的表單元素是那種？

A)<inputtype="password"></input>

B)<inputtype="radio"></input>

C)<inputtype="hidden"></input>

D)<inputtype="reset"></input>

17.以下哪一個專案是用來訪問web頁的軟體？

A)OutlookExpress

B)Internet Explorer

C)QQ

D)FTP

18.哪條命令用於使一行文字折行，而不是插入一個新的段落？

A)<TD>

B)<BR>

C)<P>

D)<H1>

19.世界上最大的計算機網路是：

A)WWW

B)WAN

C)MAN

D)Internet

20.下面關於HTML說法錯誤的是？

A)HTML是一種標記語言

B)HTML可以控制頁面和內容的外觀

C)HTML文件總是靜態的

D)HTML文件是超文字文件

21.語句A：HTML文件必須包括“頭”和“主體”兩部分

語句B：HTML文件的副檔名為.htm或.html以下說法正確的是：

A)兩句都對

B)兩句都錯

C)只有A對

D)只有B對

22.以下哪個專案不是可以在HTML文件中使用的特殊字元。

A)>

B)&tl;

C)©

D) 

23.Html標記中，哪個標記表示表格？

A)<H1>

B)<TD>

C)<TABLE>

D)<TAB>

24.Html標記中，用什麼方法可以將整個表格在頁面中居中？

A)place=middle

B)type=middle

C)align=center

D)type=center

25.我們想要讓當前頁面的背景色為藍色，應該使用哪一句程式碼來描述此種設定？

A)bgcolor="blue"

B)bgground="blue"

C)backcolor="blue"

D)background="blue"

26.我們想要讓當前整個表格的背景色為藍色，應該使用哪一句程式碼來描述此種設定？

A)bgcolor="blue"

B)bgground="blue"

C)backcolor="blue"

D)background="blue"

27.我們想要讓表格的邊框在頁面中一定不顯示出來，用什麼方法可以做到呢？

A)bgcolor="white"

B)bgcolor="null"

C)border="0"

D)bordercolor="white"

28.我們想要將表格的寬度設定為100個畫素，應該怎麼辦？

A)width="100"

B)border="100"

C)length="100"

D)maxlength="100"

29.我們想要將表格中的文字放在靠上居中的位置，應該怎麼辦？

A)align="middle"align="top"

B)align="center"align="top"

C)valign="middle"align="top"

D)valign="top" align="center"

30.我們想要為網頁中的文字加上超連結，可以採用哪個標記達到要求？

A)<LINK>

B)<HREF>

C)<A>

D)<B>

31.A資料夾與B資料夾是同級資料夾，其中A下有a.htm，B下有b.htm檔案，現在我們希望在a.htm檔案中建立超連結，連結到b.htm，應該在a.htm頁面程式碼中如何描述連結內容？

A)b.htm

B)././././B/b.htm

C)../B/b.htm

D)../../b.htm

32.我們想要在HTML文件中加入影象，可以使用哪個標記來達到要求呢？

A)<PIC>

B)<PICTURE>

C)<IMG>

D)<IMAGE>

33.我們發現為頁面中的影象加入超連結後，預設情況下都帶有一道黑框，有什麼方法可以去掉它呢？

A)bordercolor="white"

B)border="0"

C)style="no border"

D)style="0"

34.我們想要將表格中加入的影象充滿整個單元格，使用哪種方式可以做到？

A)size="100"

B)size="100%"

C)width="100"

D)width="100%"

35.我們希望製作一個表示左-上-下格式的框架頁面

如圖

我們需要獨立製作幾個檔案？

A)1

B)2

C)3

D)4

36.我們想要在框架中加入一個叫做list.htm的檔案，應該在HTML中如何描述它？

A)framepage="list.htm"

B)frametarget="list.htm"

C)framesrc="list.htm"

D)frameframepage="list.htm"

37.我們想要在頁面中加入一個層，可以使用哪些HTML標記來描述它？(選擇2項)

A)<floor>

B)<div>

C)<span>

D)<level>

38. 下面語句表述正確的是

A) marginwidth=5表示框架寬度部分邊緣所保留的空間。

B)marginwidth=5表示框架寬度空間

C)noresize是設定不用使用框框的大小

D)noresize是使用者設定此引數後，可隨意地拉動框架改變其大小。

39. 不是表單提供給使用者的輸入形式是

A)Text

B)Radio

C)Type

D)file

40 . 下列哪種CSS樣式定義的方式擁有最高的優先順序？

A)  嵌入

B) 行內

C)  連結

D)   匯入

41 .web標準的制定者是？

A)  微軟

B) 全球資訊網聯盟（W3C）

C)  網景公司（Netscape）

D)   SUN公司

42 . 下列的HTML中哪個是最大的標題？

A)  <h6>

B)  <head>

C)   <heading>

D) <h1>

43 . 下列的HTML中哪個可以插入一條水平線？

A)  <br>

B) <hr>

C)  <break>

D)   <P>

 44 . 下列的HTML中哪個可以新增背景顏色？

A)  <body color="yellow">

B)  <background>yellow</background>

C) <body bgcolor="yellow">

D)   <body backcolor="yellow">

 45 . 請選擇產生粗體字的HTML標籤：

A)  <bold>

B)  <bb>

C) <b>

D)  <bld>

 46 . 請選擇產生斜體字的HTML標籤：

A) <i>

B)  <italics>

C)  <ii>

D)   <it>

 47 . 下列的HTML中哪個可以產生超連結？

A)  <aurl="http://www.w3schools.com">W3Schools.com</a>

B)  <a>http://www.w3schools.com</a>

C) <a href="http://www.w3schools.com">W3Schools</a>

D)  <a>http://www.w3schools.com</a>

48 . 如何製作電子郵件連結？

A)  <a href="[email protected]">

B)  <mail href="[email protected]">

C) <a href="mailto:[email protected]">

D)  <mail>[email protected]</mail>

 49 . 如何在新視窗開啟連結？

A)  <a href="url" new>

B) <a href="url" target="_blank">

C)  <a href="url"target="new">

D)   <a href="url" target="_parent">

 50 . 以下選項中，哪個全部都是表格標籤？

A)  <table><head><tfoot>

B) <table><tr><td>

C)  <table><tr><tt>

D)  <thead><body><tr>

 51 . 請選擇可以使單元格中的內容進行左排列的正確HTML標籤：

A) <td align="left">

B)  <td valign="left">

C)  <td leftalign>

D)  <tdleft>

 52 . 如何產生帶有數字列表符號的列表？

A)  <ul>

B)  <dl>

C) <ol>

D)  <list>

 53 . 如何產生帶有圓點列表符號的列表？

A)  <dl>

B)  <list>

C)  <ol>

D) <ul>

 54 . 下列的HTML中哪個可以產生複選框？

A)  <input type="check">

B)  <checkbox>

C) <input type="checkbox">

D)  <check>

 55 . 下列的HTML中哪個可以產生文字框？

A)  <input type="textfield">

B)  <textinput type="text">

C) <input type="text">

D)  <textfield>

 56 . 下列的HTML中哪個可以產生下拉列表？

A)  <list>

B)  <input type="list">

C)  <input type="dropdown">

D) <select>

 57 . 下列的HTML中哪個可以產生文字區？

A)  <textarea>

B)  <input type="textarea">

C)  <input type="textbox">

D)  <textarea></textarea>

 58 . 下列的HTML中哪個可以插入影象？

A)  <img href="image.gif>

B)  <image src="image.gif">

C) <img src="image.gif">

D)  <img>image.gif</img>

 59 . 下列的HTML中哪個可以插入背景影象？

A) <body background="background.gif">

B)  <backgroundimg="background.gif">

C)  <img src="background.gif"background>

 60 . 以下的HTML中，哪個是正確引用外部樣式表的方法？

A)  <style src="mystyle.css">

B) <link rel="stylesheet" type="text/css"href="mystyle.css">

C)  <stylesheet>mystyle.css</stylesheet>

 61. 在HTML文件中，引用外部樣式表的正確位置是？

A)  文件的末尾

B) <head>部分

C)  文件的頂部

D)  <body>部分

 62. 哪個HTML標籤可用來定義內部樣式表？

A) <style>

B)  <script>

C)  <css>

 63. 哪個HTML屬性可用來定義內聯樣式？

A)  font

B)  class

C)  styles

D)  style

 64 . 下列哪個選項的CSS語法是正確的？

A)  body:color=black

B)  {body:color=black(body}

C) body{color: black}

D)  {body;color:black}

 65 . 如何在CSS檔案中插入註釋？

A)  // this is a comment

B)  // this is a comment

C) /*this is a comment */

D)  ' this is a comment

 66 . CSS哪個屬性可用來改變背景顏色？

A)  bgcolor:

B)  color:

C) background-color:

 67. 如何為所有的<h1>元素新增背景顏色？

A)  h1.all {background-color:#FFFFFF}

B) h1{background-color:#FFFFFF}

C)  all.h1 {background-color:#FFFFFF}

 68 . CSS如何改變某個元素的文字顏色？

A)  text-color:

B) color:

C)  fgcolor:

D)  text-color=

 69 . 哪個CSS屬性可控制文字的尺寸？

A) font-size

B)  text-style

C)  font-style

D)  text-size

70 . 以下的CSS中，可使所有<p>元素變為粗體的正確語法是?

A)  <p style="font-size:bold">

B)  <p style="text-size:bold">

C) p{font-weight:bold}

D)  p {text-size:bold}

 71 . 如何顯示沒有下劃線的超連結？

A) a{text-decoration:none}

B)  a {text-decoration:no underline}

C)  a {underline:none}

D)  a {decoration:no underline}

 72 . 如何使文字以大寫字母開頭？

A) text-transform:capitalize

B)  無法通過CSS來完成

C)  text-transform:uppercase

 73 . css如何改變元素的字型？

A)  font=

B)  f:

C) font-family:

 74 . 如何改變元素的左邊距？

A)  text-indent:

B) margin-left:

C)  margin:

D)  indent:

 75. 如何產生帶有正方形的專案的列表？

A)  list-type: square

B) list-style-type: square

C)  type: square

D)  type: 2

 76 . 我們可以在下列哪個HTML元素中放置JavaScript程式碼？

A) <script>

B)  <javascript>

C)  <js>

D)  <scripting>

 77 . 寫“Hello World”的正確JavaScript語法是？

A) document.write("Hello World")

B)  "Hello World"

C)  response.write("Hello World")

D)  ("Hello World")

 78 . 插入JavaScript的正確位置是？

A)  <body>部分

B)  <head>部分

C) <body>部分和<head>部分均可

 79 . 引用名為“xxx.js”的外部指令碼的正確語法是？

A) <script src="xxx.js">

B)  <script href="xxx.js">

C)  <script name="xxx.js">

 80 . 如何在警告框中寫入“Hello World”？

A)  alertBox="Hello World"

B)  msgBox("Hello World")

C) alert("Hello World")

D)  alertBox("Hello World")

 81 . 如何建立函式？

A)  function:myFunction()

B)  function myFunction()

C)  function=myFunction()

 82 . 如何編寫當i等於5時執行某些語句的條件語句？

A) if(i==5)

B)  if i=5 then

C)  if i=5

D)  if i==5 then

 83 . 如何編寫當i不等於5時執行某些語句的條件語句？

A)  if =! 5 then

B)  if <>5

C)  if (i <> 5)

D) if(i != 5)

 84. for迴圈如何開始？

A)  for (i <= 5; i++)

B) for(i = 0; i <= 5; i++)

C)  for (i = 0; i <= 5)

D)  for i = 1 to 5

 85. 如何在JavaScript中添加註釋？

A)  ' This is a comment

B)  <!--This is a comment-->

C) //This is a comment

 86. 定義JavaScript陣列的正確方法是？

A)  var txt = new Array="tim","kim","jim"

B)  var txt = newArray(1:"tim",2:"kim",3:"jim")

C) vartxt = new Array("tim","kim","jim")

D)  var txt = newArray:1=("tim")2=("kim")3=("jim")

 87 . 如何求得2和4中最大的數？

A)  Math.ceil(2,4)

B) Math.max(2,4)

C)  ceil(2,4)

D)  top(2,4)

 88 . 開啟名為“window2”的新視窗的JavaScript語法是？

A)  open.new("http://www.w3schools.com","window2")

B) window.open("http://www.w3schools.com","window2")

C)  new("http://www.w3schools.com","window2")

D)  new.window("http://www.w3schools.com","window2")

 89 . 如何在瀏覽器的狀態列放入一條訊息？

A)  statusbar = "put your message here"

B) window.status = "put your message here"

C)  window.status("put your messagehere")

D)  status("put your message here")

90.下列不屬於文件物件的方法的是（）

A）  createElement

B）  getElementById

C） getElementByName

D）  forms.length

91.下面這段程式碼執行的結果（）

<body>

<scriptlanguage=”JavaScript”>

document.writeln(“文件最後修改於”+document.lastModified);

var lastModObj=new Date(document.lastModified);

alert(lastModObj.getMinutes());

</script>

</body>

A） 彈出一個物件框

B）沒有任何輸出

C）在文件中顯示文件最後修改的時間

D） 在對話方塊中顯示文件最後修改的時間

92.下列屬性中表示文件中的未訪問過的超連結的顏色是哪個（）

A） linkColor屬性

B）  vlinkColor屬性

C）  alinkColor屬性

D） 以上都不是

93.分析下面這段程式碼執行的結果（）

<scriptlanguage=”JavaScript”>

with(document)

{

writeln(“最後一次修改時間：” +document.lastModified+”<br>”);

writeln(“標題：” +document.title+”<br>”);

writeln(“URL：” +document.URL+”<br>”);

}

</script>

A） 只輸出最後一次修改的時間

B）只輸出文檔的標題

C） 輸出文件的標題、最後一次修改時間和當前的URL

D） 什麼也不輸出

94.分析下面這個程式執行的結果（）

<script language=”JavaScript”>

var str=”字串”

with(document)

{

writeln(“<b>您好，</b>”);

write(“歡迎光臨本網頁！” +”<br>”);

writeln(“<p><b>在js標籤之間，”);

writeln(str+”可以寫在這裡</b></p>”);

}

</script>

A） 會有”<br>”這樣的字元輸出

B） 第6行輸出字元後會換行

C）最後頁面會出錯

D） 會有亂碼出現

95.以下是歷史物件的屬性的是（）

A.  Current

B. Length

C.  href

D.  Next

96.分析下面這兩行程式碼的作用（）

01 <A href=”javascript:history.back()”></A>

02 <A href=”javascript:history.forward()”></A>

A）程式碼第1行的作用相當於後退按鈕

B）程式碼第2行的作用相當於後退按鈕

C）程式碼第1行的作用相當於前進按鈕

D）以上表述不都不正確

97．通常情況下，一個URL的格式是（）

A） 協議//路徑名稱主機：埠/#雜湊標識？搜尋條件

B）協議//主機：埠/#雜湊標識/路徑名稱？搜尋條件

C）協議//主機：埠/路徑名稱？搜尋條件

D） 協議//主機：埠？搜尋條件/路徑名稱#雜湊標識

98. 對location物件的href屬性的敘述錯誤的是（）

A) 可以獲取當前路徑

B) 可以改變當前路徑

C) 可以用來重新整理頁面

D)是隻讀屬性

99. 可以使用下列哪種方法來用一個URL取代當前視窗的URL（）

A）  load

B）  onload

C）replace

D）  open

100.下列對錶單物件的屬性表述不正確的是（）

A）  name：返回表單的名稱

B）  action：返回/設定表單的提交地址

C）target：返回/設定表單提交內容的編碼方式

D）  length：返回該表單所含元素的數目

101.對下面這段程式碼分析不正確的是（）

funtcion  Submit()

{

form1.submit();

alert(“提交成功”)

}

functionReset()

{

form1.reset();

}

A） 呼叫Submit()可以提交表單

B）呼叫Reset()重置表單

C）呼叫Reset()相當於提交按鈕

D） 呼叫Submit()相當於提交按鈕

102．對下面這段程式碼分析不正確的是（）

var len=form1.elements.length;

for(var i=0 ;i<Len; i++)

{

if(form1.elements[i].value.length==0)

{

alert(“你的資料沒有填寫完善”);

return  flase;

}

}

A） 程式碼第1行是取得當前表單元素的個數

B）程式碼第1行是取得當前文字表單的個數

C）這是迴圈驗證表單

D） 這段程式碼可以驗證表單中文字框中的值是否為空

103.對下面這段程式碼分析您輸入的字元數為正確的是（）

function count()

{

var len=form1.text.value.length;

alert(“”+len+”個”)

}

A） 程式碼第3行是取得當前文件中文字框的個數

B）程式碼第3行是取得當前文件中表單的個數

C）這段程式碼有錯誤

D）這段程式碼是統計使用者輸入文字框中字元個數

104.下列敘述不正確的是（）

A）  document：最頂層的節點，所有的其他節點都是附屬於它的

B）  documentTypeDTD：引用（使用<!DOCTYPE>語法）的物件表現形式

C）Attr：代表一對特性名和特性值。這個節點型別能包含子節點

D）  documentFragment：可以像document一樣來儲存其他節點

105.下列不屬於訪問指定節點的方法的是（）

A）obj.value

B）  getElementByTagName

C）  getElementsByName

D）  getElementById

106.對下列程式碼分析正確的是（）

function msg（）

{

var p=document.createElement(“p”);

varText=document.createTextNode(“Hello!”);

p.appendChild(“Text”);

document.body.appendChild(p);

}

A） 程式碼第2行是建立一個<P>元素標籤

B）程式碼第3行是建立一個文字節點

C）  <P>是文字節點的子節點

D）這程式碼的作用是建立新的節點

107.下列對符號所表示的意義解釋錯誤的是（）

A）  ˆ(尖號)：匹配字串的開頭

B）  $（美元符號）：匹配字串的結尾

C）？（問號）：匹配前面的子表示式一次或多次

D）  \（反斜槓）：對特殊字元的特殊元字元含義進行轉義

108. 對下面這段程式碼分析不正確的是（）

var reg=/ .o./ g;                 //尋找字元o前後接任意字元組成的有三個字元的字串

var str= “How are you?”          //源串

var result=new Array();           //用於接收結果

while(reg.exec(str)!=null)         //執行匹配操作，如果找到匹配則繼續找下一項

{

result.push(RegExp.lastMatch);   //新增結果

}

alert(result);

A） 程式碼第1行是尋找字元o前後接任意字元組成的有三個字元的字串

B）程式碼第4行是執行匹配操作，如果找到匹配則繼續找下一項

C）程式碼第6行是將所得到的結果新增到陣列中

D）最後輸出的是“How are you?”

109.以下不是RegExp物件的例項屬性的是（）

A）  global屬性

B）  lastIndex屬性

C）  ignoreCase屬性

D）multiLine屬性

110.下面與IE結合對JavaScript除錯支援比較好的工具是（）

A） 記事本

B）Microsoft Visual Studio 2005

C）  JSEclipse

D）  VC++

111. 在除錯前的準備工作下列敘述不對的是（）

A） 在“設定”列表框中找到兩個“禁用指令碼除錯”複選框，將它們前面的鉤去掉

B）如果“禁用指令碼除錯”複選框，前面的鉤不去掉，則不會彈出除錯資訊

C）  “禁用指令碼除錯”複選框，前面的鉤去掉後，當程式出錯時會彈出除錯資訊

D）“禁用指令碼除錯”複選框，前面的鉤去不去與除錯無關

112.關於程式碼優化下列表述不對的是（）

A）  JavaScript程式程式碼編寫出來後，主要是交給瀏覽器去執行

B）儘可能使用全域性變數，可以使程式碼簡單

C）書寫風格應遵循“識別符號短而含義清晰

相關推薦