--- tags: 2021 程式體驗營 --- # 6/9 每日任務 Day3 ## HTML 任務題目 請回答下方五題選擇題： ### Q1 以下 CSS 選擇器哪個錯誤？ A. `.container` B. `#title1` C. `li > a > img` D. `$style1` ### Q2 以下關於 HTML 與 CSS 的說明哪個有誤？ A. `img 的 alt 屬性是用來給視障人士使用並且當做圖片失效時顯示的` B. `a 標籤的擬態選擇器有 :hover :active` C. `如果要改變 a 標籤大小，需要加上 display: inline;` D. `默認的文字大小是 16px` ### Q3 關於列表標籤的說明哪個有誤？ A. ol 是有序列表 裡面的 li 會有 123 等數字排序 B. 所有主流瀏覽器都支持 ol 標籤 C. ul 是有序列表 裡面的 li 會有 123 等數字排序 D. ol ul 的內層都是 li 標籤 ### Q4 下列選項中哪一個標籤不是區塊元素？ A. `<p></p>` B. `<h1></h1>` C. `<img />` D. `<div></div>` ### Q5 我想讓 a 連結按鈕距離上方與下方的 div 區塊各 10px 高度，哪個選項寫法正確？ A. `margin: 0 10px; display: block;` B. `padding: 10px 0;` C. `padding: 0 10px; ` D. `margin: 10px 0; display: block;` ## JS 任務題目 請查看以下代碼回答 a b c 的 length 分別是多少？ ```javascript let a = "13579" let b = " Tommy " let c = "Hi Amy Hi" c = c.trim() ``` ## 回報流程 1. 將答案貼在 Codepen 並複製 Codepen 連結貼至「回報區」回報 （也可以將答案直接貼至「回報區」） ![](https://i.imgur.com/vftL5i0.png) ## 作業回報區 <!-- 1. WangShuan(答案) - HTML 作業：DCCCD JS 作業：5,7,9 第一題 # 是 id 選擇器 這題我出的時候沒注意到你們沒學到 先道歉一下 但第一題的答案會是 D 因為沒有 $ 開頭的選擇器哦 --> 1. 駱彥融 - HTML 作業：DCCCD JS 作業：5, 7, 9 2. [Hank Chou HTML & JS 作業](https://codepen.io/oceanchou/pen/mdWjMVy) 3. [Nap－HTML & JS 作業](https://codepen.io/o0o0o1o0/pen/mdWjOLx) 4. [drumrick－HTML & JS 作業](https://codepen.io/drumrick/pen/xxqJLox) 5. [Benson - HTML & JS 作業](https://codepen.io/polarBear712/pen/abJjLVN) 6. [Lina Chen - HTML & JS 作業](https://codepen.io/LinaChen/pen/JjWBrQJ) 7. [Erica Chen - HTML & JS 作業](https://codepen.io/ericachen/pen/KKWByMp) 8. Mao - HTML 作業:D,C,C,C,D & JS 作業:5,7,9 9. ZY Hsu - HTML 作業:DCCCD / JS 作業:a=5,b=7,c=9 10. [蔡明達 - HYML & JS 作業](https://codepen.io/bmzpfyxe/pen/rNyrYKz) 11. Shiny-HTML作業：D、C、C、C、D、JS作業：a=5、b=7、c=9 12. Yu -D($變數）、C(Emmet:d)、C(無序)、 D(空元素)、D、a=5,b=7,c=9(僅刪除頭尾空白) 13. henry - HTML 作業：DCCCD 14. Leo Lioa - HTML作業: D, C, C, C, D & JS作業: a=5, b=7, c=7 15. 雅琇Alicia - Html:D/C/C/C/D 16. Chei Chei - HTML 作業：DCCCD JS 作業：5,7,9 17. Loking23 - DCCCD,5,7,9 18. Qian - HTML 作業：DCCCD; JS 作業：5, 7, 9 19. [Wei Han Jan - HTML & JS 作業](https://codepen.io/begoniasuccess/pen/BaWPmEo?editors=1111) 20. [Zackaz - HTML&JS作業](https://codepen.io/zackaz/pen/zYZLPOo) 21. Sz - HTML&JS作業 HTML:DCCCD JS:5, 7, 9 22. [Ken Chen - HTML&JS作業](https://codepen.io/ilovedriftcity168/pen/wvJxPNK) 23. [andyphl - HTML&JS作業](https://codepen.io/andyphl/pen/VwpByZN) 24. [IBUN - HTML&JS 作業](https://codepen.io/pen/?editors=1010) 25. [Min - HTML作業](https://codepen.io/minnn7716/pen/xxqJpLB?editors=1000) 26. [PinYin - HTML作業](https://codepen.io/PinYin/pen/WNpKdyX) 27. [齡移 - HTML作業](https://codepen.io/mrwang01/pen/JjWBMxP) 28. Joanna - HTML作業 D, C, C, C, D, a=5, b=7, c=9 29. [winnie - HTML&JS作業](https://codepen.io/hsuanyu0115/pen/mdWKaBr) 30. [YOYO - HTML&JS作業](https://codepen.io/lumedkle/pen/oNZMEaw) 31. [Xing CT - HTML&JS作業](https://codepen.io/xing10/pen/vYxaRNr) 32. [Joy Cheng - HTML&JS 作業](https://codepen.io/joycheng5432/pen/poeZLNg) 33. [BaoH - HTML作業](https://codepen.io/baoh/pen/LYWBOwM?editors=1100) 34. HsiuTing - HTML&JS作業 HTML:D,C(行內元素),C(項目符號),D ; JS:a=5,b=7,c=9 35. [Yen - HTML&JS作業](https://codepen.io/skxydvbs/pen/WNpKJpj) 36. [Teddy - HTML&JS作業](https://codepen.io/nina-web-eng/pen/RwpByLW) 37. [William - HTML&JS作業](https://codepen.io/hsuweihung/pen/wvJxXay) 38. 小詹 - HTML作業 DCCCD, a=5, b=7, c=9 trim是省去前後空白 39. [Achi-HTML作業](https://codepen.io/leaf0608/pen/bGqjKgK) 40. [Moto - HTML&JS作業](https://codepen.io/moto-san/pen/mdWjKNK) 41. [Hankan - HTML&JS作業](https://codepen.io/Hankan/pen/jOBpvxY) 42. [Jane Lin - HTML & JS 作業](https://codepen.io/as60160/pen/NWpBLQy) 43. Saiki HTML: DCCCD / a = 5, b = 7 , c = 9 44. [Michelle - HTML & JS 作業](https://codepen.io/michelle61219/pen/PopBywK) 45. [BT - HTML & JS 作業](https://codepen.io/Bettyhsu/pen/dyvjgjR) 46. [Zoe - HTML & JS 作業](https://codepen.io/ehrenchen/pen/JjWBmmb) 47. [Haley - HTML & JS 作業](https://codepen.io/wsx3690/pen/YzZjJbY) 48. [Sabrina-HTML & JS 作業](https://codepen.io/a120220ms25/pen/MWpBPMw) 49. [GaryYang-HTML & JS 作業](https://codepen.io/fong-yuyang/pen/xxqJQPp) 50. [Hi Annie-HTML & JS 作業](https://codepen.io/lhohdalu/pen/wvJxQLK?editors=1111) 51. Teddy Wu - HTML作業 D, C, C, C, D 52. [ChengWei Hou - HTML & JS 作業]Q1: D , Q2: C , Q3: C , Q4: C , Q5: D , JavaScript: a = 5 b = 7 c = 9 53. [IvyCho-HTML & JS 作業](https://codepen.io/ivychocho54/pen/NWpBeow) 54. Yu Shiuan Chang-HTML :DCCCD, JS 作業:579 55. [采-HTML & JS 作業](https://codepen.io/OrliOrli/pen/abJjXoe) 56. [zong-huan-HTML & JS 作業]Q1:D, Q2:C, Q3:C, Q4:C, Q5:D/JS: a=5,b=7,c=9 57. [Overy - HTML & JS 作業](https://codepen.io/overy-tsai/pen/mdWjaKP) 58. [Chien - HTML & JS 作業](https://codepen.io/xxchein/pen/rNyrRQz) 59. [Roger - HTML & JS 作業](https://codepen.io/redtea227/pen/poeZYQN) 60. Summer.H - HTML作業 D, C, C, C, D 61. [三隻小貓 - HTML & JS 作業](https://codepen.io/bagelover/pen/NWpBmrb) 62. OAO - HTML & JS作業 D C C C D 5 7 9 63. 阿丁兒 - HTML作業：DCCCD；JS作業：a=5,b=7,c=9 64. [Null - HTML作業](https://codepen.io/Whale-Cat/pen/eYvjNqz?editors=1100) 65. [Jeff H](https://hackmd.io/@jeff14994/BkGdprC5O) 66. [Janet Shen - HTML & JS 作業](https://codepen.io/janetshen/pen/VwpBGLO) 67. [Jessica Chiu - HTML作業](https://codepen.io/pp042128/pen/dyvjEWO) 68. Anita-D,C,C,C,D / 5,7,9 69. Huanan HTML-1.D 2.C 3.C 4.C 5.D,JS-a.5 b.7 c.9 70. Kelvin Wu - HTML: DCCCD/ JS: a.5 b.7 c.9 71. [Lai HTML&JS作業](https://codepen.io/twilight-sl/pen/wvJxRyJ) 72. [LiMin HTML&JS作業](https://codepen.io/XuLiMin/pen/xxqaKWV) 73. Snail Yen - HTML 任務：DCCCD 74. [Natsu小夏 HTML任務] - 1.D / 2.C / 3.C / 4.C / 5.D 75. Katie-[HTML作業] 1.D 2.C 3.C 4.C 5.D 76. [拿鐵 HTML&JS作業](https://codepen.io/qinsplanet1024/pen/WNpKXKr?editors=1000) 77. Will - HTML作業 D,C,C,C,D / JS作業 a5, b7, c9 78. [Yuna HTML&JS作業](https://codepen.io/Yuna-Zhang/pen/VwpGmYe) 79. [Min Chun Tsai HTML & JS作業] DCCCD / a.length = 5， b.length = 7， c.length = 9 80. [周周 HTML & CSS作業](https://codepen.io/jhoujhou-the-decoder/pen/yLMxXrV?editors=1100) 81. [Anne Lin - HTML、JS作業](https://codepen.io/mmj159/pen/KKWxegB) 82. Tommy- HTML作業 D, C, C, C, D 83. [wenyi liu](https://hackmd.io/@sXypayeHTjqHaAvlomMMmQ/B1DV9rR5O) 84. [Dennis - HTML作業]D / C / C / C / D 85. [Chung_HTML & JS 作業](https://codepen.io/chung_123/pen/QWpZprd?editors=1010) 86. [ting - HTML & JS 每日任務](https://codepen.io/pen/?template=XWMxMEE) 87. betty [HTML & JS 每日任務](https://codepen.io/betty-hu/pen/MWpPBzK) 88. [Clara - HTML & JS 每日任務](https://codepen.io/Clara-Snowy/pen/eYvPagL) 89. Greg Wu - HTML作業：DCCCD；JS：a=5,b=7,c=9 90. [coco li - HTML & JS 每日任務](https://codepen.io/corinna_li/pen/mdWaWXQ) 91. [林詠雯-TML & JS 每日任務](https://codepen.io/meimeilin/pen/QWpzqqv) 92. [秉成 - TML & JS 每日任務](https://codepen.io/mick1031/pen/qBrgqjM) 93. [li li -HTML & JS 每日任務](https://codepen.io/lintapop/pen/eYvxLjZ) 94. [Ching hua - HTML & JS 作業](https://codepen.io/ching-hua-wang/pen/zYZeXgZ?editors=1000) 95. [Lao - HTML & JS 每日任務](https://codepen.io/rao418065/pen/ZEePrRK) 96. [Jhett Lien - HTML 每日任務](https://codepen.io/marduklien/pen/xxdxKwM) 97. [蔡秉祐 - HTML 每日任務](https://codepen.io/cwrzyhae-the-animator/pen/xxdxGQK) 98. [Newman HTML & JS 每日任務 ](https://codepen.io/pen/) 99. [chiachia - HTML 每日任務](https://codepen.io/chiachiaD/pen/NWjWbGp) 100. [木木 HTML & JS作業]HTML：DCCCD；JS：a=5,b=7,c=9 101. [Steve - HTML D,C,C,C,D &JS作業 a=5,b=7,c=9] 102. [Perry HTML & JS作業](https://codepen.io/hahaperry/pen/vYmEyPL)