阿摩線上測驗 登入

113年 - TQC+ HTML5 第 2 版 考古題-2023-51-100#121003

科目：(1)程式設計(以 APP、HTML5/CSS 與 RWD、JAVA、SQL 語言為主) (2)系統分析(3)資料結構及資料庫應用 | 年份：113年 | 選擇題數：50 | 申論題數：0

試卷資訊

所屬科目：(1)程式設計(以 APP、HTML5/CSS 與 RWD、JAVA、SQL 語言為主) (2)系統分析(3)資料結構及資料庫應用

選擇題 (50)

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

52 如附圖所示程式碼，底線的屬性應為下列哪一項？
(A) formaction (B)formmethod (C)formenctype (D)formtarget
複選題

53 上網時難免會有一些安全疑慮，如果要確保安全性會設定 sandbox 屬性，請問附圖所示程式碼空白處，可為下列哪些選項？ (A) allow (B)allow-script (C)allow-forms (D)空值
複選題
54 required屬性可用在下列哪些地方？ (A) input型態為 text (B)textarea 元素 (C)input 元素的 hidden屬性 (D)input 元素的 image屬性
55 表單為設定 method 屬性時，其預設是用什麼方式送出？ (A) Get (B)Send (C)Put (D)Post
56 關於 step間隔值屬性，下列敘述哪一項錯誤？ (A) 可為負值數 (B)不可為小數點數值 (C)可設定規則性成長或減少 (D)可為 number、range 附加屬性
複選題
57 關於表單欄位驗證的說明，下列敘述哪些正確？ (A) 可使用 checkValidity()方法進行驗證 (B)如果傳回值是 false，那表示驗證無誤，如果是 true，那表示驗證有問題 (C)驗證有問題時，會觸發"invalid"事件 (D)CustomValidity()可以自訂驗證錯誤

58 如附圖所示程式碼，若要產生如圖的效果，讓游標點擊欄位時，邊框變灰，程式碼底線 A 處的內容應為下列哪一項？
(A) autofocus (B)focus (C)cursor (D)input
複選題

59 如附圖所示程式碼，產生的頁面如下圖，下列敘述哪些正確？

(A) 網頁初始出現後直接點選 Submit_01按鈕，會將 First name 值送至 demo_form(A)asp 網頁 (B)網頁初始出現後直接點選 Submit_01按鈕，不會將 First name值送至 demo_form(A)asp網頁 (C)網頁初始出現後直接點選 Submit_02按鈕，會將 Last name 值送至 demo_form2.asp 網頁 (D)網頁初始出現後直接點選 Submit_02按鈕，不會將 Last name值送至 demo_form2.asp網頁
複選題
60 下列語法哪些正確？ (A) ＜button type="submit" formaction="http://exam:8080/form" formmethod="post"＞ (B)＜form method="get" action="http://exam:8080/autoform"＞ (C)＜button type="submit" action="http://exam:8080/form" formmethod="post"＞ (D)＜button form="eform" type="submit"＞Submit form＜/button＞
複選題
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"＞
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"；
63 下列關於 HTML5 canvas敘述，哪一項是錯誤的？ (A) canvas 元素本身並沒有繪製能力，它僅是圖形的容器 (B)canvas 元素使用 JavaScript在網頁上繪製圖像 (C)getContext() 方法可返回一個對象，該對象提供了用於在畫布上繪圖的方法和屬性 (D)getContext() 對象屬性和方法，可用於在畫布上繪製線條、矩形和圓形等等，但不可繪製文本
64 下列哪一項為＜canvas＞標籤的用途？ (A) Connect Remote Server (B)Local Database (C)Draw Images (D)Web SQL

65 如附圖所示程式碼，關於 media 的寫法，下列敘述哪一項錯誤？(A) media="screen and (max-height:700px)" (B)media="screen or (max-height:700px)" (C)media="not screen and (max-height:700px)" (D)media="screen,(max-height:700px)"
複選題
66 當 Video 載入發生錯誤時，會觸發下列哪些事件？ (A) onloadedmetadata (B)onsuspend (C)onerror (D)onloadstart
複選題
67 下列哪些屬於互動式內容(Interactive Content)？ (A) textarea (B)video(has controls attribute) (C)canvas (D)svg
68 下列哪一種不屬於 controls屬性的表達方法？ (A) ＜video controls＞…＜/video＞ (B)＜video controls="play"＞…＜/video＞ (C)＜video controls="controls"＞…＜/video＞ (D)＜video controls=""＞…＜/video＞
69 下列哪一種為 Audio 使用到的標籤？ (A) ＜object＞標籤 (B)＜source＞標籤 (C)＜datalist＞標籤 (D)＜embed＞標籤

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

71 如附圖所示程式碼片斷，下列敘述哪些錯誤？
(A) 繪製矩形圖形 (B)繪製背景顏色為白色 (C)hight=10px，width=10px (D)x座標=50，y座標=100
72 在 Video 元素中，下列哪一種屬性屬於立即可用(Immediately Available)？ (A) currentSrc (B)videoWidth (C)height (D)duration
73 下列哪一項不是 SVG的特性？ (A) 可用來設計動畫 (B)圖像縮放不會失真 (C)可以壓縮 (D)HTML格式的圖形
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)
複選題
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
複選題
76 在＜canvas＞標籤中，下列哪些為漸變(Gradient)可使用的類型？ (A) linear (B)sweep (C)radial (D)elliptical
77 textAlign為控制＜canvas＞標籤文字對齊的屬性，下列哪一項不為 textAlign 的值？ (A) right (B)top (C)left (D)start
78 下列哪一種是當媒體(Media)運行中止時，所觸發的事件？ (A) onsuspend (B)onabort (C)onstop (D)onended
79 下列哪一項是定義類別選擇器(Class Selector)的語法？ (A) .myClass{color:red；} (B)#myClass{color:red；} (C)@myClass{color:red；} (D)*myClass{color:red；}

80 如附圖所示程式碼，假設有以下的 CSS後代選擇器(Descendant Selectors)設定，所產生的「網頁內 容」文字顏色應為下列哪一種？
(A) 紅色(Red) (B)綠色(Green) (C)藍色(Blue) (D)黑色(Black)

81 如附圖所示程式碼，關於 CSS3 撰寫，下列哪一項為此程式碼的語法錯誤個數？(A) 一個 (B)兩個 (C)三個 (D)四個
82 若要設定文字的背景色為紅色，下列哪一種語法無法達到此功能？ (A) background-color:rgb(#ff0000) (B)background-color:rgb(255,0,0)； (C)background-color:hsl(0,100%,50%)； (D)background-color:red；
複選題
83 下列哪些是 background-origin 屬性的設定值？ (A) padding-box (B)border-box (C)content-box (D)margin-box
複選題
84 關於語法 border:2px solid； border-radius:25px 的功能，下列敘述哪些正確？ (A) 產生一個半徑 25 pixel 的正圓形邊框 (B)產生一個圓角的長方型邊框 (C)邊框的寬度為 2 pixel (D)邊框的長度是 2 pixel
85 關於邊框(Border)，下列敘述哪一項錯誤？ (A) border-radius是在 CSS3才加入的語法 (B)border-round的功能是產生圓角的邊框(Border) (C)border:2px solid 指定邊框(Border)是寬度為 2 pixel 的實線 (D)border-image可以把指定圖案作為邊框(Border)
複選題
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；}
87 設定字型的語法中，下列敘述哪一項為 font-family:"Times New Roman",Serif 所代表的意思？ (A) 限制只能用到"Times New Roman"與 Serif 兩種字型 (B)優先使用"Times New Roman"，如果沒有則採用 Serif (C)h1採用"Times New Roman"，h2採用 Serif (D)一般採用”Times New Roman”，粗體採用 Serif
88 下列哪一項為 box-sizing屬性的功能？ (A) 定義指定元素的大小 (B)定義指定元素大小改變的方式 (C)指定元素放入某個區域的方式 (D)指定元素高度
複選題
89 下列哪些是 text-align 屬性允許的值？ (A) left (B)right (C)center (D)justify
90 下列哪一種屬性可使英文單字之間產生間距？ (A) white-space (B)letter-spacing (C)word-spacing (D)text-indent
91 下列哪一項設定值可以用 text-decoration屬性將 HTML元素的文字加上刪除線？ (A) line-through (B)overline (C)none (D)underline
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)
複選題
93 下列哪些敘述可以將彈性項目的排版方向，設為「由左而右」(書寫方向從左至右時)？ (A) flex-direction:row (B)flex-direction:row-reverse (C)flew-wrap:nowrap (D)flex-flow:row
94 下列哪一項敘述會讓項目沒有任何彈性？ (A) flex:initial (B)flex:auto (C)flex:none (D)flex:1

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

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
複選題
97 CSS3 支援多欄配置，下列哪些屬於多欄配置的屬性？ (A) column-count (B)column-gap (C)column-rule (D)column-add

98 如附圖所示程式碼，會產生下列哪一種效果？
(A) 甲 (B)乙 (C)丙 (D)丁
複選題
99 關於語法 repeating-radial-gradient(white,black 20px,white 20px)產生的效果，下列敘述哪些正確？ (A) 產生黑白相間的同心圓 (B)產生兩個不重疊的黑色橢圓，邊框寬度 20px (C)圓心是白色 (D)產生一個黑色橢圓
複選題
100 關於跑馬燈(Marquee)，下列敘述哪些正確？ (A) overflow-style 可用來指定跑馬燈(Marquee)捲動的方式 (B)marquee-style 可用來指定跑馬燈(Marquee)捲動的方式 (C)marquee-direction可用來指定跑馬燈(Marquee)捲動的方式 (D)overflow-direction 可用來指定跑馬燈(Marquee)捲動的方式

申論題 (0)