---
# System prepended metadata

title: "\U0001F3C5 Day 1"
tags: [網頁切版直播班 - 2022 夏季班]

---

---
tags: 網頁切版直播班 - 2022 夏季班
---
# 🏅 Day 1

## HTML 語意標籤運用
語意標籤可以增加可讀性，透過閱讀標籤就了解該區塊的意思，幫助搜尋引擎以及瀏覽器的顯示跟搜尋。

### 基本 HTML 標籤介紹
**h1 ~ h6**
一個網頁一定會有一個 h1 標籤，用來標示網頁中最重要的資訊。其餘 h2 ~ h6 依照重要性依序使用。

**img**
圖片使用 img 標籤，圖片位址放在標籤內 src 屬性中。
將 alt 屬性內補上描述，當圖片失效時可以呈現出文字，讓使用者可以了解原本圖片的意義。

**a**
連結使用 a 標籤，網址連結放在標籤內 href 屬性中。
當目前沒有要連至特定網頁時可以設定為 `<a href="#"> ... </a>`

**p**
一個段落、一句話 .. 都可以使用，
讓文字具有語意。

**ul li、ol li**
ul、ol 的子層只能是 li。
條列式項目、清單、選單、產品陳列等等都可以使用 ul li 列表結構，
若是該列表有順序則可以使用 ol li 結構。

### 題目
請複製此 [Codepen](https://codepen.io/hexschool/pen/OJQGKPY?editors=1000) ，修正 HTML 標籤運用。
## 回報流程

將答案寫在 CodePen 並複製 CodePen 連結貼至底下回報就算完成了喔! 
解答位置請參考下圖（需打開程式碼的部分觀看）
（也可以將答案直接貼至「回報區」）

![](https://i.imgur.com/vftL5i0.png)

<!-- 解答：https://codepen.io/hexschool/pen/jOZRgLM -->
<!-- 
Ray 大對於語意標籤的詳細解說：https://discord.com/channels/801807326054055996/989558815215214592/989701253640634428 
-->


回報區
---

|      Discord      |     |                                CodePen / 答案                                |     |
|:-----------------:| --- |:----------------------------------------------------------------------------:| --- |
|    小鐵#2814      |     |       [CodePen](https://codepen.io/grayssky/pen/RwMbXdM?editors=1000)        |     |
|    維新#6472      |     |       [CodePen](https://codepen.io/wei-shun-li/pen/XWErxbp)        |     |
|    布魯諾#7239    |     |       [CodePen](https://codepen.io/bruno-yu/pen/abYoyEm?editors=1000)        |     |
|   ajhappy#6488    |     |            [CodePen](https://codepen.io/ajhappy5438/pen/YzaKxLY)             |     |
|     周周#3503     |     | [CodePen](https://codepen.io/jhoujhou-the-decoder/pen/GRxKvdG?editors=1000)  |     |
|  StellaHsu#2687   |     |     [CodePen](https://codepen.io/stella950114/pen/xxWKLQq?editors=1000)      |     |
|     洋蔥#5295     |     |         [CodePen](https://codepen.io/HSUNA/pen/KKoPvGP?editors=1000)         |     |
|    JackC#0411     |     |              [CodePen](https://codepen.io/key0329/pen/rNdBzgM)               |     |
|     yuyu#6310     |     |       [CodePen](https://codepen.io/yuyu0905/pen/XWErawN?editors=1000)        |     |
|   NeilLin#3009    |     |       [CodePen](https://codepen.io/a0071421/pen/YzaKxmv?editors=1000)        |     |
|    Clara#1275     |     |       [CodePen](https://codepen.io/bsupixqu/pen/BarBwBE?editors=1000)        |     |
|     威0#6919      |     |            [CodePen](https://codepen.io/n0918679182/pen/RwMbLwY)             |     |
|    Cliff#4606     |     |             [CodePen](https://codepen.io/Cliff_hex/pen/zYWOEYZ)              |     |
|     kai#1098      |     |               [CodePen](https://codepen.io/ahkai/pen/WNzeZwb)                |     |
|   choubree#4350   |     |       [CodePen](https://codepen.io/BreeChou/pen/wvmwrow?editors=1010)        |     |
|  suihsilan#9485   |     |       [CodePen](https://codepen.io/suihsilan/pen/YzaKrWO?editors=1000)       |     |
|    GARBO#6659     |     |       [CodePen](https://codepen.io/garbo8130/pen/dymbVpj?editors=1000)       |     |
|     int#7518      |     |       [CodePen](https://codepen.io/intHuang/pen/JjLPryv?editors=1000)        |     |
|     小白#2406     |     |             [CodePen](https://codepen.io/gracewhite/pen/NWYKapP)             |     |
|  PeggyLiao#1552   |     |      [CodePen](https://codepen.io/PeiJu-Liao/pen/GRxKMQb?editors=1000)       |     |
|     狸貓#5863     |     |       [CodePen](https://codepen.io/tanuki320/pen/JjLPrea?editors=1000)       |     |
|    Barret#1119    |     |             [CodePen](https://codepen.io/barret0720/pen/XWEreGE)             |     |
|    Benson#6763    |     |              [CodePen](https://codepen.io/kumashow/pen/jOzNGXy)              |     |
|  Karol-Kuo#5287   |     |            [CodePen](https://codepen.io/ting-yu-kuo/pen/vYRBemv)             |     |
|   Fanglin#4054    |     |            [Codepen](https://codepen.io/flynn841028/pen/VwXZrYo)             |     |
|  elliezz-A-#8475  |     |  [Codepen](https://codepen.io/elliewu-the-bashful/pen/KKoPyWZ?editors=1000)  |     |
|    連小艾#0791    |     |       [CodePen](https://codepen.io/bolaslien/pen/qBoWVjz?editors=1000)       |     |
|  s339428326#7402  |     |             [CodePen](https://codepen.io/s339428326/pen/gOeYxeK)             |     |
|    黃士桓#7654    |     |    [CodePen](https://codepen.io/shr-huan-huang/pen/oNqvoPX?editors=1000)     |     |
|   RayChen#6088    |     |            [CodePen](https://codepen.io/raychen1996/pen/ExEYbMq)             |     |
|  LHchien33#6232   |     |       [CodePen](https://codepen.io/lin_chien/pen/JjLPOgd?editors=1000)       |     |
|  Grass立花#8094   |     |      [CodePen](https://codepen.io/kj25940858/pen/bGvbYXv?editors=1100)       |     |
|     肯肯#1576     |     |        [CodePen](https://codepen.io/kkwcan/pen/PoRYEwO?editors=1010)         |     |
|    helena#8461    |     |              [CodePen](https://codepen.io/helena27/pen/JjLPMbK)              |     |
|      YC#2522      |     |                [CodePen](https://codepen.io/YCLu/pen/YzaKYNQ)                |     |
| Kyle, Chuang#1892 |     |               [CodePen](https://codepen.io/hohayo/pen/PoRYEme)               |     |
|     雷雷#7844     |     |      [CodePen](https://codepen.io/lei-yi-jie/pen/dymbJNv?editors=1000)       |     |
|  Iris Huang#6727  |     |              [CodePen](https://codepen.io/ythuang/pen/PoRYEKe)               |     |
|   Manson許#2295   |     | [CodePen](https://codepen.io/oupbzfxq-the-scripter/pen/gOeYoGz?editors=1000) |     |
|    Henry#7386     |     |               [CodePen](https://codepen.io/h1nr9/pen/OJvLzZo)                |     |
|    阿泡泡#7881    |     |              [CodePen](https://codepen.io/Apaopao/pen/dymbJqV)               |     |
|熊二#3824| |[CodePen](https://codepen.io/BeckLai/pen/zYWOpRq)| |
|   Tokyoyo#9509    |     |              [CodePen](https://codepen.io/tokyoyo/pen/LYdPemy)               |     |
|  Ron Liang #7277  |     |               [CodePen](https://codepen.io/ron-go/pen/VwXZyqy)               |     |
|      Ke#1391      |     |             [CodePen](https://codepen.io/federerke/pen/qBoWxWV)              |     |
|     LOLO#6933     |     |              [CodePen](https://codepen.io/TimChou/pen/ExEYQPX)               |     |
|  我是泇吟 #5189   |     |              [CodePen](https://codepen.io/kljuqbxs/pen/LYdPQxm)              |     |
|  Emily Hsi #9066  |     |              [CodePen](https://codepen.io/EmilyHsi/pen/ZExzrBL)              |     |
|   Tuhacrt #0008   |     |        [CodePen](https://codepen.io/Tuhacrt/pen/abYoqBV?editors=1000)        |     |
|    大衛 #4869     |     |       [CodePen](https://codepen.io/exnsrpjc/pen/BarBYWX?editors=1000)        |     |
|     How #5806     |     |            [CodePen](https://codepen.io/howtobefine/pen/BarBYGo)             |     |
|    zera #6060     |     |             [CodePen](https://codepen.io/zera-tseng/pen/OJvLQqy)             |     |
|    KJ T.#8381     |     |            [CodePen](https://codepen.io/leontsai218/pen/xxWKYMa)             |     |
|    Fleur #4018    |     |               [CodePen](https://codepen.io/swwlee/pen/jOzNZjm)               |     |
|     Chi #7605     |     |              [CodePen](https://codepen.io/YoChi84/pen/VwXZQoO)               |     |
|    LINK #1933     |     |              [CodePen](https://codepen.io/miyayoe/pen/BarBraz)               |     |
|    rueee #7997    |     |               [CodePen](https://codepen.io/Jull-C/pen/QWmLmWv)               |     |
|    𝓛𝓊𝒸𝓎#8635    |     |               [CodePen](https://codepen.io/lucygirl/pen/RwMbEJQ)               |     |
|  Daisy_li #4231   |     |  [CodePen](https://codepen.io/lidairong-gmail-com/pen/JjLPpxm?editors=1000)  |     |
|   WEI_RIO #9342   |     |        [CodePen](https://codepen.io/wei_wu/pen/VwXZXzY?editors=1000)         |     |
|    得源 #8355     |     |              [CodePen](https://codepen.io/aglgvsie/pen/yLKBKep)              |     |
|     Cola#1583     |     |        [CodePen](https://codepen.io/Cola865/pen/LYdPdOP?editors=1000)        |    
|     jin.huang#4666     |     |        [CodePen](https://codepen.io/ruby828387/pen/oNqvqOb?editors=1000)        |    
|     Amberhh#2465     |     |        [CodePen](https://codepen.io/Amberhh/pen/OJvLZZo?editors=1000)        |    
|     hansonpohan#7853     |     |        [CodePen](https://codepen.io/hansonpohan/pen/gOeYzZd?editors=1000)        |    
|     IreneY#0086     |     |        [CodePen](https://codepen.io/HalfPlannedJourney/pen/MWVgGZw)        |
   逸川 # 6319      | |  [CodePen](https://codepen.io/bryanlin8911/pen/oNqvdRo)
 |    小諾#1866    |     |       [CodePen](https://codepen.io/noichan/pen/GRxKdYG)
|    Kiwi#9804    |     |       [CodePen](https://codepen.io/kiwi1113/pen/PoRYazg)        |     |
|    Yunei#6323    |     |       [CodePen](https://codepen.io/Yunei/pen/YzaKvGO)        |     |
|    jason so#3921    |     |       [CodePen](https://codepen.io/jasonso/pen/zYWOaPP)        |     |
|    sin#0040    |     |       [CodePen](https://codepen.io/sophmfyt-the-sasster/pen/wvmwXmB)        
|     ssozr#4680     |     |        [CodePen](https://codepen.io/ssozr/pen/rNdBKbJ)        |
|    dOvOb#6491    |     |       [CodePen](https://codepen.io/jmimiding4104/pen/vYRBrqo?editors=1010)        |     |
|     Gloria#1328     |     |        [CodePen](https://codepen.io/akeymaker/pen/RwMbJEz)        |
|     咻蹦#1526     |     |        [CodePen](https://codepen.io/emmasyu/pen/NWYKBKb?editors=1000)        |
|   Sentiments #4883   |     |        [CodePen](https://codepen.io/Sentiments/pen/bGvbjpg)         |
|    Mylène#2481    |     |       [CodePen](https://codepen.io/hamajibashi/pen/XWErBbY)        |     |
|    Arista    |     |       [CodePen](https://codepen.io/arista-hsieh/pen/mdxbjRe)        |     |
|    siZunyo#3185|     |       [CodePen](https://codepen.io/yi-lun-jhuang/pen/poLzZaV?editors=1000)        |     |
|    鉦勝 #8333|     |       [CodePen](https://codepen.io/atckmax823/pen/qBoWyzd?editors=1000)        |     |
|    阿武 #9488|     |       [CodePen](https://codepen.io/samwnkyat/pen/poLzZmx?editors=1000)        |     |
|    Fang #4680|     |       [CodePen](https://codepen.io/std95174/pen/gOeYdYx?editors=1000)        |     |
|    郭郭 #5049|     |       [CodePen](https://codepen.io/sylviekuo/pen/jOzNvPe)        |     |
|    QOO #8446|     |       [CodePen](https://codepen.io/QOOQOOQ/pen/NWYKBQM)        |     |
|    Pony#6778|     |       [CodePen](https://codepen.io/Pony0303/pen/NWYKLrB?editors=1000)        |     |
 Yolanda#9522|     |       [CodePen](https://codepen.io/hexschool/pen/OJQGKPY?editors=1000)
| Yuan962#5897        |     | [CodePen](https://codepen.io/Jasmine-Liao/pen/oNqvPLz?editors=1100)   |     |
| Wei-Ting#7691       |     | [CodePen](https://codepen.io/hellowei-ting/pen/wvmwEqE?editors=1000)  |     |
| Ryan Chiang#6649    |     | [CodePen](https://codepen.io/ryanchiang/pen/mdxbGzL?editors=1010)     |     |
| Ming Juan #0071     |     | [CodePen](https://codepen.io/M-Juan/pen/MWVgqZw?editors=1000)         |     |
| Shuo#1596           |     | [CodePen](https://codepen.io/chiangchungshuo/pen/abYoaxJ)             |     |
| yu魚#1330           |     | [CodePen](https://codepen.io/Yu_yu/pen/ExEYeEK)                       |     |
| 威爾 #1694          |     | [CodePen](https://codepen.io/WILL_Wu/pen/LYdPJBy)                     |     |
| 阿翔#7198           |     | [CodePen](https://codepen.io/potato1124/pen/VwXZGqy?editors=1000)     |     |
| 東懂#3762           |     | [CodePen](https://codepen.io/tone-lee/pen/bGvbmGy)                    |     |
| Melon#0380          |     | [CodePen](https://codepen.io/BalaFang/pen/eYMOLqz)                    |     |
| 艾芮絲#6060         |     | [CodePen](https://codepen.io/wangyingju/pen/dymbqxd)                  |     |
| e850235#4150        |     | [CodePen](https://codepen.io/cvqixcvl-the-typescripter/pen/NWYKONK)   |     |
| 浪裡小白龍#6860     |     | [CodePen](https://codepen.io/Emillo/pen/BarBqje?editors=1000)         |     |
| Erwin#9851          |     | [CodePen](https://codepen.io/c-hao-tsai/pen/vYRBVyV?editors=1000)     |     |
| smallmi80#3735      |     | [CodePen](https://codepen.io/smallmimi80/pen/abYoREq)                 |     |
| Ringo#7583          |     | [CodePen](https://codepen.io/ringolai1988/pen/vYRBVZQ)                |     |
| 鑫鑫#4346           |     | [CodePen](https://codepen.io/Neil1024/pen/MWVgPZv?editors=1000)       |     |
| LAI LAI#8044        |     | [CodePen](https://codepen.io/LAI-LAI/pen/ExEYdQo?editors=1000)        |     |
| peter.chen #1932    |     | [CodePen](https://codepen.io/JIAN-RONG/pen/mdxbzjY?editors=1000)      |     |
| 香菜#6416           |     | [ CodePen](https://codepen.io/ss0022/pen/WNzeaWG?editors=1000)        |     |
| Jamie Wu #9345      |     | [CodePen](https://codepen.io/Wu220103/pen/XWEryrq)                    |     |
| skypassion5000#4151 |     | [CodePen](https://codepen.io/skypassion5000/pen/BarBGzL?editors=1000) |     |
| Chi_Chen#3755       |     | [CodePen](https://codepen.io/akichen27/pen/YzaKRXm)                   |     |
| GL#2256             |     | [CodePen](https://codepen.io/4genie/pen/QWmLxWL)                      |     |
| 郭芙蘭 ＃6374       |     | [CodePen](https://codepen.io/flora_Kuo/pen/poLzQWL)                   |     |
| 法希娜#3206         |     | [CodePen](https://codepen.io/yiiserpf-the-encoder/pen/JjLPeWV)        |     |
| iamYanYan#9422      |     | [CodePen](https://codepen.io/yayayanns/pen/NWYKEpj)                   |     |
| Gui#9571            |     | [CodePen](https://codepen.io/guitimliu/pen/poLzQKK)                   |     |
| Winnie Wu#5468      |     | [CodePen](https://codepen.io/Pooh-Wu/pen/xxWKQBK?editors=1000)        |     |
| 楓之聲#6945         |     | [CodePen](https://codepen.io/sshane258/pen/NWYKexz)                   |     |
| Andy Hung#3335      |     | [CodePen](https://codepen.io/andyhung0723/pen/OJvLrXQ)                |     |
| YU#0618             |     | [CodePen](https://codepen.io/andyhung0723/pen/OJvLrXQ)                |     |
| Mimino #9154        |     | [CodePen](https://codepen.io/mimino-tsai/pen/abYoPxp)                 |     |
| SASIMI#5099         |     | [CodePen](https://codepen.io/sashimi1327/pen/XWEroyd)                 |     |
| Shalina123#3090     |     | [CodePen](https://codepen.io/shalina123/pen/eYMOxQG)                  |     |
| Angus#7405          |     | [CodePen](https://codepen.io/angushyx/pen/zYWOVzM?editors=1000)       |     |
| Eric.S#3190          |     | [CodePen](https://codepen.io/Eric_Shen/pen/jOzNgMQ)       |     |
| WH#5607              |     | [CodePen](https://codepen.io/Wenhsin-hu/pen/ZExzged)       |     |
|      christina#6185      |     |           [                     CodePen](https://codepen.io/chrisc0210/pen/GRxKVMy)                               |     |
| Viola#7408             |     | [CodePen](https://codepen.io/viola1010/pen/yLKBmzW?editors=1000)       |     |
| Chun#7802             |     | [CodePen](https://codepen.io/zpsamglw-the-bold/pen/qBoWeyR)       |     |
| mickey#8745             |     | [CodePen](https://codepen.io/weizhetseng/pen/XWErvyX?editors=1000)       |     |
| Rita916#4384             |     | [CodePen](https://codepen.io/rita0916/pen/XWErqKW?editors=1000)       |     |
| hsiu#8767             |     | [CodePen](https://codepen.io/amy-hsiao-the-scripter/pen/ZExEzQO)       |     |
|    sunrise#7152      |     |       [CodePen](https://codepen.io/shine2u/pen/VwXwZYX?editors=1000)        |     |
| 群嘉#3943 || [codepen](https://codepen.io/efzdamnp-the-lessful/pen/xxWxKqP?editors=1000)| |
| 44#6963 || [codepen](https://codepen.io/lin-b/pen/ExEYELJ)| |
|leo Song #8278 || [codepen](https://codepen.io/sunnylaba/pen/QWmWWjp?editors=1000) 
|Yu An #1572 || [codepen](https://codepen.io/yuan0401/pen/zYWYYKJ?editors=1000)|
| 黑白兔#0684            |     | [CodePen](https://codepen.io/hexschool/pen/OJQGKPY?editors=1000)       |     |
| Van.CS #2067            |     | [CodePen](https://codepen.io/fbacojji-the-selector/pen/ZExEYwG?editors=1100)       |     |
| yo_yo#2678            |     | [CodePen](https://codepen.io/djmliogn-the-flexboxer/pen/rNdNVMW?editors=1010)
|Jung #1590             |     | [CodePen](https://codepen.io/ROUJUNG/pen/JjLjdZv?editors=1000) ||
|阿蘇 #8531             |     | [CodePen](https://codepen.io/susu8327/pen/WNzNQXE?editors=1000) ||
|心幻羽#0056             |     | [CodePen](https://codepen.io/linglingsyu/pen/YzazyJy) ||
|Susie(軒)#6181             |     | [CodePen](https://codepen.io/Codeleaf/pen/yLKLYGq?editors=1000) ||
|Jason1#2538           |  |    [CodePen](https://codepen.io/jotwxezb-the-encoder/pen/XWEWdRM) ||
|丁丁#0922           |     | [CodePen](https://codepen.io/WAHAS77/pen/oNqNjqv?editors=1000) ||
|鴨鴨#9822           |     | [CodePen](https://codepen.io/qrvrqvxv-the-selector/pen/JjLjKEx) ||
|柏PO#5617           |     | [CodePen](https://codepen.io/apo_1798/pen/QWmWKbx) ||
|pidder#7315 || [CodePen](https://codepen.io/pidderliao/pen/abYbmWO)||
|LinaChen#1796 || [CodePen](https://codepen.io/LinaChen/pen/VwXZVMY)||
|hua#9099|| [CodePen](https://codepen.io/LHua/pen/QWmWGLX)||
|Vivian Huang#7489||[CodePen](https://codepen.io/Vianhuang/pen/RwMwooY)||
|Joyce#3790 ||[CodePen](https://codepen.io/joycehuang/pen/vYRYyvP?editors=1000)||
|Halla#0431 ||[CodePen](https://codepen.io/wawykddh-the-typescripter/pen/JjLjEgP?editors=1000)||
|Clara Cai#7097||[CodePen](https://codepen.io/Clara-Snowy/pen/XWEWpxo?editors=1000)||
|肉魚#2149||[CodePen](https://codepen.io/zoechen13/pen/WNzNpvJ)||
|Chaoci#2460||[CodePen](https://codepen.io/gmailchao/pen/BararmL?editors=1000)||
|JieDu#4493||[CodePen](https://codepen.io/qgqonost-the-flexboxer/pen/NWYWYBg?editors=1000)||
|MinChunTsai#8285||[CodePen](https://codepen.io/Tsai0926/pen/OJvJvGp?editors=1000)||
|AhChiaZoe#8535||[CodePen](https://codepen.io/ZoeTeng/pen/MWVWGwz?editors=1000)||
|紙飛機#1335||[CodePen](https://codepen.io/paperplanea/pen/RwMwypp?editors=1000)||
|瑞瑞 #4605||[CodePen](https://codepen.io/tsai-li-ting/pen/xxWxaJV?editors=1000)||
|JarDar #6980||[CodePen](https://codepen.io/jardarpen/pen/dymygGZ)||
|Cream #3449||[CodePen](https://codepen.io/frxdwbbi-the-sasster/pen/QWmWZMW)||
|Ru#2154||[CodePen](https://codepen.io/Ariel_Chen/pen/yLKLZZV)||
|CJ07 #0176||[CodePen](https://codepen.io/cjtseng07/pen/eYMYXJe?editors=1100)||
|艾草 #4830||[CodePen](https://codepen.io/jmkhsutp/pen/ZExEPLa?editors=1000)||
|Yuna Huang #2692||[CodePen](https://codepen.io/Yuna1002/pen/JjLjVWo?editors=1000)||
|Nini Chen #5790||[CodePen](https://codepen.io/ninistyle/pen/rNdNbWb?editors=1000)||
|鎔瑄 #8578||[CodePen](https://codepen.io/barbarayou/pen/eYMYaZJ?editors=1010)||
|Vian #7338||[CodePen](https://codepen.io/vianwu31/pen/mdxdvoo?editors=1000)||
|Jase #1992||[CodePen](https://codepen.io/yvfxyvms/pen/PoRorJP)||
|阿基基 #2557||[CodePen](https://codepen.io/JIJI_GNI/pen/QWmWXzq)||
|Randy #0393||[CodePen](https://codepen.io/randy820113/pen/QWmwqVW?editors=1000)||
|Jean Hung #7151||[CodePen](https://codepen.io/jean8602/pen/MWVWRyz?editors=1000)||
|Jeff Lin #4717||[CodePen](https://codepen.io/toqzvyeq-the-scripter/pen/bGvNZNG?editors=1000)||
|Scottie  #5850||[CodePen](https://codepen.io/wow767t/pen/KKowEBm?editors=1000)||
|yen  #5757||[CodePen](https://codepen.io/TZU-HUANG-YEN/pen/yLKywWp?editors=1000)||
|color  #4378||[CodePen](https://codepen.io/color0602/pen/OJvVJOP)||
|mei #8421||[CodePen](https://codepen.io/Shila-Chen/pen/wvmaoOZ?editors=1100)||
|肉桂卷#0625||[CodePen](https://codepen.io/ginnlee/pen/JjLdNGX?editors=1000)||
|YI#0863||[CodePen](https://codepen.io/YI0305/pen/JjLdLvZ?editors=1000)||
|bonnieli1414#4906||[CodePen](https://codepen.io/bonnieli1414/pen/BarNvGd?editors=1000)||
|Aritan#1931||[CodePen](https://codepen.io/Aritan/pen/bGvVVZE)||
|MOMO #3370||[CodePen](https://codepen.io/chiuyuchun/pen/yLKYVMw?editors=1000)||
|ROKA #4051||[CodePen](https://codepen.io/chengchiaoyi/pen/MWVapBX?editors=1000)||
|吉米阿民 #8049||[CodePen](https://codepen.io/yinminlin/pen/qBoOVYo?editors=1010)||
|iSunny ||[CodePen](https://codepen.io/vwgfdkzu-the-encoder/pen/poLjVZa)||
|    pudding#2006      |     |       [CodePen](https://codepen.io/yushujhen/pen/rNdOKjg?editors=1000)        |     |
|    家洋#6999      |     |       [CodePen](https://codepen.io/yang940648/pen/oNqjMJM) | 
|    Karen#4625      |     |       [CodePen](https://codepen.io/ruruchan7/pen/qBoOgVb) |     | 
| Han Lai |     |       [CodePen]([https://codepen.io/ruruchan7/pen/qBoOgVb](https://codepen.io/x94han/pen/vYRLEzE)) |     |
| Jenny真#7532 |     |       [CodePen](https://codepen.io/wei-chen-wu/pen/XWEXmBM?editors=1100) |     |
| Carrie#2750 |     |       [CodePen](https://codepen.io/carrie-wang/pen/NWYxpLp) |     |
| zaii#7472 |     |       [CodePen](https://codepen.io/ivy2846357/pen/ExEPpxV?editors=1000) |     |
|    Jo Yun #8899      |     |       [CodePen](https://codepen.io/Jo_Yun/pen/gOePjVy)        |     |
|    Kevin8349 #6131      |     |       [CodePen](https://codepen.io/xlqjezvc-the-encoder/pen/PoRZyQK?editors=1000)        |     |
|    RuoAn #7124      |     |       [CodePen](https://codepen.io/LiauRuoAn/pen/dymGgVG?editors=1000)        |     |
|Suyan #7529      |     |       [Codepen](https://codepen.io/suyan_echo/pen/vYRLbBE) 
jeter #8014     |     |       [Codepen](https://codepen.io/gi-tai-she/pen/GRxoVoL?editors=1100)
erwin #5422     |     |       [Codepen](https://codepen.io/yohey03518/pen/RwMawdY)
Cindy #4933    |     |       [Codepen](https://codepen.io/cindy70813/pen/LYdNVBp)
wlc #4877     |     |       [Codepen](https://codepen.io/wei-shun-li/pen/XWErxbp)
薏慈 #3795     |     |       [Codepen](https://codepen.io/its_wang/pen/MWVYdqK)
Vivi #5766 | | [Codepen](https://codepen.io/hyxfish27/pen/poLbjzx)
YaWen #2752 | | [Codepen](https://codepen.io/yuwendy/pen/xxWOrGx)
小許 #9885 | | [Codepen](https://codepen.io/xu75/pen/bGveRrK)
阿翰 #1987 | | [Codepen](https://codepen.io/JohnHan05/pen/ExEgomN)
yuchenye#6119 | | [Codepen](https://codepen.io/yuchen/pen/GRxjzEV)
kancheng#3915 | | [Codepen](https://codepen.io/kancheng/pen/mdxOdqO)
kittyko#5951 | | [Codepen](https://codepen.io/kittyko/pen/oNqYjjK)
sophiee#7015 | | [Codepen](https://codepen.io/sophiee2727/pen/dymOYvP)
Dingy#2931||[CodePen](https://codepen.io/dingy-xiao/pen/VwXmvoP?editors=1100)
Tori#1248 | | [Codepen](https://codepen.io/FlyTori/pen/gOeLrwJ?editors=1000)
Nathan James#8120 | | [Codepen](https://codepen.io/ufo060204/pen/wvmozdY)
toshow#5609 | | [Codepen](https://codepen.io/toshow/pen/zYWNGwz)
HSINYU#1182 | | [Codepen](https://codepen.io/hsinfish/pen/mdxRPEz)
Deborah#0033 | | [Codepen](https://codepen.io/deborah-tsai/pen/rNdjYwK)
EmilyLin#0526 | | [Codepen](https://codepen.io/c199615/pen/YzaNgqM?editors=1000)
wico#9054 | | [Github Page](https://wicowen.github.io/web-playground-gulp/daily-task/day1.html)
CrystalD#6007||[Codepen](https://codepen.io/Crystaldu/pen/QWmpzwq)
Jing#5533||[Codepen](https://codepen.io/bleach81618/pen/mdxWjwN)
WEI#0797||[Codepen](https://codepen.io/wei-z/pen/PoRmeKb?editors=1000)
yuling#1634||[Codepen](https://codepen.io/igzdflpu/pen/RwMVvjj)
lulu醬#2861||[Codepen](https://codepen.io/lulu0314/pen/ZExKPKL)
鄭小蛙#3528||[Codepen](https://codepen.io/libclf/pen/JjLrGam)
Rena#6249 || [Codepen](https://codepen.io/aureate0116/pen/yLKPjYy)
Jumpye#8601 || [Codepen](https://codepen.io/Jumpye/pen/qBopYPX?editors=1000)
DoraHunag#8223 || [Codepen](https://codepen.io/mwebwvuq-the-flexboxer/pen/jOzeNZK)
|Velma#1693||[Codepen](https://codepen.io/Ze1225/pen/bGMgbrR?editors=1000) |
|阿榮#8277||[Codepen](https://codepen.io/codeitaday/pen/zYJEROr) |

