Font size
S
M
L
XL
WorksheetsTQC+ HTML5 L1~L5練習
Total questions: 50
Worksheet time: 50mins
Name
Class
Date
1.
下列哪一種元素，適合用來表示日期時間？
a)
time
b)
date
c)
datetime
d)
day
2.
如附圖所示，若要在文字旁顯示注音，可以用下列哪一段程式碼來表示？
a)
<ruby>漢<rt>ㄏㄢˋ</rt>字<rt>ㄗˋ</rt></ruby>
b)
<ruby>漢<rp>ㄏㄢˋ</rp>字<rp>ㄗˋ</rp></ruby>
c)
<rt>漢<ruby>ㄏㄢˋ</ruby>字<ruby>ㄗˋ</ruby></rt>
d)
<rp>漢<ruby>ㄏㄢˋ</ruby>字<ruby>ㄗˋ</ruby></rp>
3.
下列哪一種不屬於controls屬性的用法？
a)
Pause
b)
Stop
c)
Value
d)
Play
4.
關於HTML5中各項新技術所扮演的角色，下列敘述哪些錯誤？
a)
HTML5定義標記內容的元素，例如：<aside>標籤定義文章的側邊欄
b)
JavaScript用來定義HTML5所標記的內容如何顯示給使用者
c)
CSS3運用程式來操作、回應給使用者互動文件的內容
d)
XML定義文件內容的語意，以強化搜尋功能
5.
下列哪一項為HTML5元素的正確表示方式？
a)
<p><em>HTML5<strong>是目前最主流的</em>網頁標準</strong></p>
b)
<p><em>HTML5</em>是目前最主流的<strong>網頁標準</strong></p>
c)
<p><em>HTML5<strong>是目前最主流的</p>網頁標準</em></strong>
d)
<p><strong>HTML5<em>是目前最主流的</strong>網頁標準</em></p>
6.
指令background-repeat的功能為控制背景圖案重複出現與否，關於該指令的應用，下列敘述哪一項錯誤？
a)
background-repeat: no-repeat，讓背景圖案只出現一次
b)
background-repeat: repeat-x，讓背景圖案在x軸重複
c)
background-repeat: repeat，讓背景圖案在x軸和y軸都重複
d)
background-repeat:center，讓背景圖案在x軸和y軸都重複，且第一個圖案在銀幕正中央
7.
關於JavaScript，下列敘述哪些錯誤？
a)
JavaScript採用物件導向程式設計
b)
JavaScript為直譯式程式語言
c)
JavaScript為伺服器端（Server-Side）執行之程式
d)
JavaScript之程式可以放置於<code></code>標籤之中來執行產生互動效果
8.
關於顏色指令hsla，下列敘述哪些正確？
a)
h所代表的是色相（Hue）
b)
s所代表的是飽和度（Saturation）
c)
l所代表的是亮度（Lightness）
d)
a所代表的是不透明度（Alpha）
9.
在撰寫JavaScript時，在下列哪一種情況下使用For Loop最適當？
a)
只有知道停止條件x>y
b)
已知起始值i=0，但迴圈結束是由條件x>y來判斷的
c)
已知終值n與每次迴圈固定改變的值i=i+2
d)
至少要執行一次迴圈
10.
關於設計HTML5時，所需要注意的細節，下列敘述哪一項錯誤？
a)
HTML5元素名稱有大小寫之區分，如：不允許<body></BODY>
b)
HTML5定義許多不同型態的標籤元素，如：描述表格的元素
c)
HTML5定義許多語意元素以描述內容的意思，並且可以暸解它與其它內容的差異
d)
HTML5定義許多控制項的元素，以提供使用者輸入、選擇、以及控制來產生網頁互動
11.
請參照附圖做答。
a)
選項A
b)
選項B
c)
選項C
d)
選項D
12.
關於legend元素，下列敘述哪一項錯誤？
a)
legend為fieldset元素的子元素
b)
legend是用來為表單元素群組設立一個標籤（標題）
c)
legend可以為表單元素群組設立主標籤（標題）與副標籤（標題）
d)
legend可以在<fieldset></fieldset>標籤之間的任何位置
13.
如附圖所示程式碼，底線的屬性應為下列哪一項？
a)
formaction
b)
formmethod
c)
formenctype
d)
formtarget
14.
在撰寫JavaScript時，應注意下列哪些事項？
a)
每行的程式之後，與HTML格式相同，不需加";"作為結尾
b)
JavaScript的副程式可以寫在不同的<script></script>標籤中
c)
每一副程式結束的"}"之後不需要加";"做為結尾
d)
在JavaScript中的字串可以使用"+"來串接起來
15.
關於Input的屬性，下列敘述哪一項錯誤？
a)
date為日期年月日輸入欄位
b)
time為時間輸入欄位
c)
month為月份輸入欄位
d)
week為星期幾的輸入欄位
16.
若要指定背景圖案的位置在右下方，下列哪些指令可以達成這種效果？
a)
background-position: bottom right;
b)
background-position: right bottom;
c)
background-position: bottom-right;
d)
background-position: 100% 100%;
17.
如附圖所示，為JavaScript程式碼片段，下列敘述哪一項錯誤？
a)
A為true
b)
B為false
c)
C為true
d)
D為true
18.
<track>標籤中，下列哪一項不是track.readyState的回傳值？
a)
NONE(0)
b)
IDLE(1)
c)
LOADED(2)
d)
ERROR(3)
19.
屬性position:relative指定元素位置為相對位置，下列哪一項為其對應的參考點？
a)
該元素原應在的位置
b)
相對於上一個元素的右下方
c)
相對於其母元素的右上方
d)
相對於瀏覽器視窗位置
20.
如附圖所示程式碼，若要完成如附圖的顯示介面，底線F處的內容應為下列哪一項？
a)
table
b)
ol
c)
li
d)
fieldset
21.
下列哪些屬於HTML5新增的標籤？
a)
form
b)
media
c)
audio
d)
svg
22.
若要設定拖曳元素的拖放區域，需使用下列哪一種屬性？
a)
enabledrop
b)
drop
c)
dropable
d)
dropzone
23.
如附圖所示，若要將文字表示成如圖lle及Me的上標字效果，應使用下列哪一種元素？
a)
sub
b)
sup
c)
kbd
d)
code
24.
如附圖所示，為下列哪一種語法所產生？
a)
input type="number"/
b)
input type="range"/
c)
input type="tel"/
d)
input type="color"/
25.
在<canvas>標籤中，下列哪一項不屬於lineJoin屬性的值？
a)
bevel
b)
miter
c)
round
d)
square
26.
檔案選擇欄位，可以多選檔案時，應使用下列哪一種語法？
a)
input type="file" name="upfile[]" multiple
b)
input type="files" name="upfile" multiple
c)
input type="files" name="upfile"
d)
input type="file" name="upfile[]"
27.
如附圖所示，用<canvas>標籤繪製一個矩形區域，關於座標x=0，y=0的位置，下列敘述哪一項正確？
a)
A為x=0，y=0的位置
b)
B為x=0，y=0的位置
c)
C為x=0，y=0的位置
d)
D為x=0，y=0的位置
28.
如附圖所示程式碼，關於其執行結果，下列哪一項正確？
a)
1234
b)
334
c)
10
d)
234
29.
關於HTML5之改善說明，下列敘述哪一項錯誤？
a)
將多媒體之視訊（Video）和音訊（Audio）分開來定義
b)
新加入了日期、URL、E-Mail住址之表單輸入
c)
定義了canvas元素以使用HTML5相關元素在網頁上畫圖
d)
保留<b>和<i>標籤，但是代表的意思已有所不同，其他的<u>、<font>、<center>標籤則已被CSS所取代了
30.
當顯示的寬度不夠時，可使用下列哪一項元素，讓一個較長的英文字自動斷行？
a)
p
b)
nobr
c)
wbr
d)
br
31.
關於<iframe>與<embed>兩個標籤之比較，下列敘述哪一項錯誤？
a)
<iframe>標籤可以切割畫面以加入不同的網頁，<embed>標籤則用來表示單一多媒體顯示
b)
<iframe>標籤可以使用seamless屬性以不顯示捲軸，使網頁看起來像一般網頁；但是<embed>標籤則可用捲軸來檢視大張圖片
c)
這兩個標籤都允許存取來自其他網域的資料來源
d)
<iframe>標籤所加入的內容可以是各式各樣的網頁，但<embed>標籤則以多媒體圖片、視訊（Video）、音訊（Audio）等特定內容為主
32.
請參照附圖做答。
a)
選項A
b)
選項B
c)
選項C
d)
選項D
33.
關於header元素，下列敘述哪一項錯誤？
a)
header元素內，可以加入資料表格（Table）
b)
header元素內，不一定要加入heading元素
c)
header元素內，可以加入搜尋表單
d)
header元素內，不可以加入nav元素
34.
關於article元素，下列敘述哪一項錯誤？
a)
article元素通常擁有自己的標題
b)
article元素中，不能再包含article元素
c)
article元素，表示網頁中一段完整的文件
d)
article元素，表示網頁中可單獨使用的文件
35.
關於HTML5之發展，下列敘述哪一項錯誤？
a)
HTML5主要是由許多一般公司共同成立的WHATWG（Web Hypertext Application Technology Working Group）和W3C（World Wide Web Consortium）所發展的
b)
HTML5是為了推動Web標準化而發展出來的，它結合HTML4和XHTML 2.0
c)
HTML5於2008年推出正式草案，並且已被大部分瀏覽器所支援，但支援程度依不同瀏覽器而有不同
d)
HTML5完全向下相容於HTML4和XHTML
36.
下列哪些不屬於canPlayType屬性的回傳值？
a)
probably
b)
true
c)
maybe
d)
false
37.
下列哪一項不是CSS的選擇器？
a)
ID選擇器（ID Selector）
b)
子選擇器（Child Selector）
c)
父選擇器（Parent Selector）
d)
後代選擇器（Descendant Selector）
38.
下列哪一種屬性，適合用來表示縮寫的全名？
a)
ref
b)
title
c)
item
d)
dir
39.
下列哪一項為顏色指令hsl(120,65%,80%)中，第二個參數65%所代表的意義？
a)
飽和度（Saturation）65%
b)
亮度（Lightness）65%
c)
顏色為紅色
d)
透明度為65%
40.
用來執行的JavaScript程式碼不可以放置在下列哪一段區域中？
a)
<html> ... </html>
b)
<body> ... </body>
c)
<head> ... </head>
d)
<code> ... </code>
41.
下列哪一種元素，適合用來表示程式或電腦產生出的結果？
a)
mark
b)
var
c)
kbd
d)
samp
42.
如附圖所示程式碼，產生的頁面如下圖，下列敘述哪些正確？
a)
網頁初始出現後直接點選Submit_01按鈕，會將First name值送至demo_form1.asp網頁
b)
網頁初始出現後直接點選Submit_01按鈕，不會將First name值送至demo_form1.asp網頁
c)
網頁初始出現後直接點選Submit_02按鈕，會將Last name值送至demo_form2.asp網頁
d)
網頁初始出現後直接點選Submit_02按鈕，不會將Last name值送至demo_form2.asp網頁
43.
在video下載前，若想指定顯示的圖像（image），應使用下列哪一段程式碼達成？
a)
<video controls="controls" poster="image.gif">...</video>
b)
<video controls="controls" images="image.gif">...</video>
c)
<video controls="controls" src="image.gif">...</video>
d)
<video controls="controls" path="image.gif">...</video>
44.
下列哪一種不屬於Media Elements的屬性？
a)
preload
b)
mediagroup
c)
poster
d)
src
45.
關於footer元素，下列敘述哪一項錯誤？
a)
一個網頁中，只能有一個footer元素
b)
footer元素，適合用來表示版權資訊
c)
footer元素，可以加到article或section元素中
d)
footer元素，適合用來表示相關的文章連結資訊
46.
如附圖所示，為JavaScript程式碼片段，下列哪一項執行結果錯誤？
a)
myTest1=4
b)
myTest2=22
c)
myTest3=22
d)
myTest4=22
47.
設定字型的語法中，下列敘述哪一項為font-family:"Times New Roman"，Times所代表的意思？
a)
限制只能用到"Times New Roman"與Times兩種字型
b)
優先使用"Times New Roman"，如果沒有則採用Times
c)
h1採用"Times New Roman"，h2採用Times
d)
一般採用”Times New Roman”，粗體採用Times
48.
如附圖所示程式碼，關於該程式，下列哪一項執行結果錯誤？
a)
A:undefined
b)
B:false
c)
C:defined
d)
D:true
49.
關於section元素，下列敘述哪一項錯誤？
a)
section元素不是一般的容器元素
b)
section元素包含內容及標題
c)
想要將一段文章，分成好幾段可以使用section元素
d)
若只是為了定義樣式，或只是為了用JavaScript製作一些動態效果，section元素比div元素還適合使用
50.
若要做一個1~10分五等第滿意度調查網頁，可以使用下列哪些表單元素來收集資料？
a)
input type="radio"/
b)
input type="range"/
c)
input type="number"/
d)
input type="meter"/
Reset
