(1)程式設計(以 APP、HTML5/CSS 與 RWD、JAVA、SQL 語言為主) (2)系統分析(3)資料結構及資料庫應用自由測驗(難度:隨機)-阿摩線上測驗

阿摩：人們不是聽你說什麼，而是看你做什麼。

88分

(3 分23 秒)

模式:自由測驗
科目:(1)程式設計(以 APP、HTML5/CSS 與 RWD、JAVA、SQL 語言為主) (2)系統分析(3)資料結構及資料庫應用
難度:隨機

1(A).

82 若要設定文字的背景色為紅色，下列哪一種語法無法達到此功能？
(A) background-color:rgb(#ff0000)
(B)background-color:rgb(255,0,0)；
(C)background-color:hsl(0,100%,50%)；
(D)background-color:red；

2(C,D).

53 上網時難免會有一些安全疑慮，如果要確保安全性會設定 sandbox 屬性，請問附圖所示程式碼空白處，可為下列哪些選項？
(A) allow
(B)allow-script
(C)allow-forms
(D)空值

3(C).

62 表單(Form)需要動態調整 enctype 屬性來達到上傳檔案的需求時，需要將 form物件去設定其 enctype 屬性，下列哪一種語法可在 IE上執行？
(A) document.getElementById("form1").enctype="multipart/form-data"；
(B)document.getElementById("form1").enctype="application/x-www-form-urlencoded"；
(C)document.getElementById("form1").encoding="multipart/form-data"；
(D)document.getElementById("form1").encoding="application/x-www-form-urlencoded"；

4(A,C).

76 在＜canvas＞標籤中，下列哪些為漸變(Gradient)可使用的類型？
(A) linear
(B)sweep
(C)radial
(D)elliptical

5(A).

79 下列哪一項是定義類別選擇器(Class Selector)的語法？
(A) .myClass{color:red；}
(B)#myClass{color:red；}
(C)@myClass{color:red；}
(D)*myClass{color:red；}

6(A,B,C).

61 下列哪些語法可以傳送 email？
(A) ＜Form Method="POST" Action="mailto:html5@TQC.com" Enctype=“text/plain”＞
(B)＜a href="mailto:html5@TQC.com?subject=HTML5 詢問&body=我有問題"＞詢問＜/a＞
(C)function sendMail(obj){window.location.href="mailto:TQC＜ html5@TQC.com＞?subject="+ obj.e_name.value+"＜"+obj.e_mail.value+"＞詢問&body="+obj.e_body.value；}
(D)＜input type="email"＞

7(B).

68 下列哪一種不屬於 controls屬性的表達方法？
(A) ＜video controls＞…＜/video＞
(B)＜video controls="play"＞…＜/video＞
(C)＜video controls="controls"＞…＜/video＞
(D)＜video controls=""＞…＜/video＞

8(A,B,C).

97 CSS3 支援多欄配置，下列哪些屬於多欄配置的屬性？
(A) column-count
(B)column-gap
(C)column-rule
(D)column-add

9(A,B).

54 required屬性可用在下列哪些地方？
(A) input型態為 text
(B)textarea 元素
(C)input 元素的 hidden屬性
(D)input 元素的 image屬性

10(B).

81 如附圖所示程式碼，關於 CSS3 撰寫，下列哪一項為此程式碼的語法錯誤個數？
(A) 一個
(B)兩個
(C)三個
(D)四個

11(B).

95 如附圖所示，(圖一)的水平彈性容器寬度為 1000px，若將容器寬度縮小為 800px(如(圖二))，請問下列哪一項依序為 A、B、C 三個項目縮小後的像素寬度值？

(A) 170、460、170
(B)183.3、433.3、183.3
(C)160、480、160
(D)165、470、165

12(B).

77 textAlign為控制＜canvas＞標籤文字對齊的屬性，下列哪一項不為 textAlign 的值？
(A) right
(B)top
(C)left
(D)start

13(C).

70 如附圖所示程式碼，關於 Canvas 的使用，下列哪一項為其執行結果？
(A) 甲
(B)乙
(C)丙
(D)丁

14(B,C,D).

100 關於跑馬燈(Marquee)，下列敘述哪些正確？
(A) overflow-style 可用來指定跑馬燈(Marquee)捲動的方式
(B)marquee-style 可用來指定跑馬燈(Marquee)捲動的方式
(C)marquee-direction可用來指定跑馬燈(Marquee)捲動的方式
(D)overflow-direction 可用來指定跑馬燈(Marquee)捲動的方式

15(D).

80 如附圖所示程式碼，假設有以下的 CSS後代選擇器(Descendant Selectors)設定，所產生的「網頁內容」文字顏色應為下列哪一種？

(A) 紅色(Red)
(B)綠色(Green)
(C)藍色(Blue)
(D)黑色(Black)

16(C,D).

66 當 Video 載入發生錯誤時，會觸發下列哪些事件？
(A) onloadedmetadata
(B)onsuspend
(C)onerror
(D)onloadstart

17(A,C).

99 關於語法 repeating-radial-gradient(white,black 20px,white 20px)產生的效果，下列敘述哪些正確？
(A) 產生黑白相間的同心圓
(B)產生兩個不重疊的黑色橢圓，邊框寬度 20px
(C)圓心是白色
(D)產生一個黑色橢圓

18(A,C).

57 關於表單欄位驗證的說明，下列敘述哪些正確？
(A) 可使用 checkValidity()方法進行驗證
(B)如果傳回值是 false，那表示驗證無誤，如果是 true，那表示驗證有問題
(C)驗證有問題時，會觸發"invalid"事件
(D)CustomValidity()可以自訂驗證錯誤

19(B).

96 如附圖所示，(圖一)的水平彈性容器寬度為 900px，A、B、C三個項目寬度分別為 100px、250px、100px，若利用(圖二)的 flex-grow屬性，使 A、B、C三個項目依成長係數比擴展，以填滿水平彈性容器，請問下列哪一項依序為 A、B、C三個項目擴展後的像素寬度值？

(A) 325、250、325
(B)190、520、190
(C)180、540、180
(D)195、510、195

20(C).

74 在 Media Elements中，下列哪一項不為 media.error.code 的回傳值？
(A) MEDIA_ERR_ABORTED(1)
(B)MEDIA_ERR_NETWORK(2)
(C)MEDIA_ERR_ENCODE(3)
(D)MEDIA_ERR_SRC_NOT_SUPPORTED(4)

21(C).

92 下列哪一項敘述可以將項目符號指定為圖檔 01.gif？
(A) list-style-type:url (01.gif)
(B)list-style-image:01.gif
(C)list-style:url(01.gif)
(D)list-style-position:001.gif)

22(A,B,C).

67 下列哪些屬於互動式內容(Interactive Content)？
(A) textarea
(B)video(has controls attribute)
(C)canvas
(D)svg

23(C).

51 如附圖所示程式碼，為了增加可讀性，可透過指令來複寫系統內建的訊息，該程式碼就是用來針對表單內身分證號欄位 ID_no格式不符時，告知更明確的錯誤資訊，請問底線的指令應為下列哪一項？
(A) setValidity
(B)setValidityMessage
(C)setCustomValidity
(D)setMessage

24(A,B,C).

86 關於設定字型的語法，下列敘述哪些正確？
(A) p{font:"Times New Roman"；}
(B)p{font-family:"Times New Roman",Times,serif；}
(C)p{font="Times New Roman"；}
(D)p{font-style:oblique；}

25(A,B).

75 媒體資料(Media Data)於資料取得(Fetching)過程中，由使用者中止時，下列敘述哪些正確？
(A) media.error.code=MEDIA_ERR_ABORTED
(B)if(media.readyState=HAVE_NOTHING) then(media.networkState=NETWORK_EMPTY)
(C)media.readyState=HAVE_NOTHING
(D)media.networkState=NETWORK_IDLE