---
# System prepended metadata

title: "\U0001F3C5 Day 1 - HTML 語意標籤運用"
tags: [網頁切版直播班 - 2023 夏季班]

---


歡迎各位參加本次的切版直播班，每日作業主要是將各個知識點作拆分，透過每日練習與補充這些知識點，每日花數分鐘便能與直播課程本身達到良好的協同作用，十分建議同學們能盡量完成，若有任何問題也歡迎在 Discord 做詢問喔~

## 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 標籤運用。https://hackmd.io/7TJu02VTTb2JsYPCkKsOKw?both#
## 回報流程

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

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

<!-- 解答： <a src="https://zoom.us/webinar/register/WN_RINyZud-QGyJgk-gaWQL9A">直播教室</a>  -->
<!-- Ray 文章：https://israynotarray.com/html/20230613/61882704/ -->


回報區
--- 
|      Discord      |                                CodePen / 答案                                |
|:-----------------:|:----------------------------------------------------------------------------:|
|      博派變形金剛#0959      |       [Codepen](https://codepen.io/chan-chen/pen/RwqjrBN)       |     |
|      una5053      |       [Codepen](https://codepen.io/hexschool/pen/OJQGKPY?editors=1000)       |     |
|  unoblesser#2334  |      [Codepen](https://codepen.io/unoblesser/pen/Rwqpwar?editors=1000)       |     |
|       csh97       |       [Codepen](https://codepen.io/pyrbkvev-the-animator/pen/mdQRmve)        |     |
|    green760223    |      [Codepen](https://codepen.io/lawrence-yi-hsuan-chuang/pen/qBQRrQx)      |     |
|     billy_ti      |              [Codepen](https://codepen.io/Ti-Show/pen/BaGpoVr)               |     |
|   Moreene#6720    |              [Codepen](https://codepen.io/Moreene/pen/OJaWyEQ)               |     |
|    Rochel#4754    |           [Codepen](https://codepen.io/rochelwang1205/pen/JjeEYmX)           |     |
|      KC_8685      |             [Codepen](https://codepen.io/cathy7411/pen/xxQgwyZ)              |     |
|    Berlin#7338    |              [Codepen](https://codepen.io/3qberlin/pen/dyQNYQN)              |     |
|  Renee Wang#1437  |       [Codepen](https://codepen.io/RENEE-WANG-the-looper/pen/OJaWyov)        |     |
|      pinyi_9      |         [Codepen](https://codepen.io/Wpypy/pen/eYQgpxO?editors=1000)         |     |
|      hebin.       |           [Codepen](https://codepen.io/landyhsiao776/pen/bGQgVZx)            |     |
|        AYA        |             [Codepen](https://codepen.io/NoNameNote/pen/QWJdjZJ)             |     |
|      Calvin       |      [Codepen](https://codepen.io/CalvinChang/pen/VwVPvNW?editors=1000)      |     |
|  Grass立花#8094   |      [CodePen](https://codepen.io/kj25940858/pen/jOQyWEo?editors=1000)       |     |
|    阿沁＃8176     |       [CodePen](https://codepen.io/a8322342/pen/MWzJPEv?editors=1000)        |     |
|     Eero#1147     |             [CodePen](https://codepen.io/Eero-Chiao/pen/xxQgZbR)             |     |
|    Albee#9121     |      [Codepen](https://codepen.io/albee-chang/pen/PoxWZPB?editors=1000)      |     |
|        WA         |         [Codepen](https://codepen.io/ldddl/pen/rNQjxLx?editors=1000)         |     |
|     townyuan      |              [Codepen](https://codepen.io/townyuan/pen/xxQgZVg)              |     |
|  出事了阿伯#9923  |            [Codepen](https://codepen.io/BradpittLai/pen/QWJdyER)             |     |
|       阿松        |       [Codepen](https://codepen.io/supersung/pen/YzRNwNe?editors=1000)       |     |
|     m_m#5493      |             [Codepen](https://codepen.io/minnn7716/pen/KKraVmK)              |     |
|      .icesam      |               [Codepen](https://codepen.io/icesam/pen/PoxWZpx)               |     |
|    mina_iilife    |       [Codepen](https://codepen.io/9001mina/pen/yLQgeJL?editors=1100)        |     |
|       Klay        |      [Codepen](https://codepen.io/klay376014/pen/wvQgMrZ?editors=1010)       |     |
|    cest_jessie    |           [Codepen](https://codepen.io/itsjessiechen/pen/xxQgZXr)            |     |
|   Morning#7336    |       [Codepen](https://codepen.io/sxzjnkxs-the-styleful/pen/vYQgNoW)        |     |
|     Ning#5213     |        [Codepen](https://codepen.io/ninghsu/pen/YzRNwxL?editors=1000)        |     |
|    Chung#5786     |        [Codepen](https://codepen.io/fotdclxz-the-encoder/pen/ZEmLQrO)        |     |
|     RX00#5351     |       [Codepen](https://codepen.io/llqzknqv-the-styleful/pen/eYQgJPg)        |     |
|     jacky7035     |              [Codepen](https://codepen.io/adens123/pen/rNQjxrj)              |     |
|   Ann Chou#0146   |            [Codepen](https://codepen.io/annchou_illu/pen/NWEdxEW)            |     |
|       舜仁        |              [Codepen](https://codepen.io/randomno/pen/abQpdRL)              |     |
|     DoDo_6666     |             [Codepen](https://codepen.io/MissDouble/pen/bGQgEjX)             |     |
|    yuyuyu#1330    |              [Codepen](https://codepen.io/yuyu1215/pen/vYQgLjz)              |     |
|    DoryH#0526     |       [Codepen](https://codepen.io/dorihung/pen/VwVPavq?editors=1000)        |     |
|   hannahTW#2224   |       [Codepen](https://codepen.io/hangineer/pen/gOQgrGp?editors=1100)       |     |
|     Robert.H      |             [Codepen](https://codepen.io/Robert1205/pen/VwVPaBo)             |     |
|     阿榮#8277     |      [Codepen](https://codepen.io/codeitaday/pen/zYMNqJm?editors=1000)       |     |
|      銀光菇       |           [Codepen](https://codepen.io/genesynthesis/pen/VwVPaxo)            |     |
|     圈圈#4060     |   [Codepen](https://codepen.io/wjejfczn-the-bold/pen/qBQRZzz?editors=1000)   |     |
|      Amelia       |            [Codepen](https://codepen.io/Amelia-chin/pen/qBQRZee)             |     |
|   ss30304#9213    |              [Codepen](https://codepen.io/ss30304/pen/VwVPjPa)               |     |
|     yun#5213      |   [Codepen](https://codepen.io/yun-the-scripter/pen/abQpZBe?editors=1000)    |     |
|     CMLB0212      |     [Codepen](https://codepen.io/Chungmin0212/pen/wvQgWJP?editors=1000)      |     |
|    .rainielin     |            [Codepen](https://codepen.io/Yunchian-Lin/pen/yLQgJJx)            |     |
|     uli_1313      |              [Codepen](https://codepen.io/uli1313/pen/BaGpzKd)               |     |
|     liam9930      |        [Codepen](https://codepen.io/jgnjfvvt-the-lessful/pen/bGQgeWL)        |     |
|      yunpei       |               [Codepen](https://codepen.io/YunPei/pen/VwVPjVp)               |     |
|      elma.yo      |               [Codepen](https://codepen.io/ElmaYu/pen/qBQRNLN)               |     |
|    robbie_0830    |              [Codepen](https://codepen.io/ShuZhen/pen/zYMNBbG)               |     |
|     慈玲#8986     |       [Codepen](https://codepen.io/vseznpoh-the-flexboxer/pen/zYMNBQv)       |     |
|      Qi-Hua       |             [Codepen](https://codepen.io/emily40830/pen/abQpZrN)             |     |
|     JIN#9696      |              [Codepen](https://codepen.io/JIN0008/pen/ZEmLOxZ)               |     |
|       末次        |              [Codepen](https://codepen.io/yunjulee/pen/OJaWRPw)              |     |
|     Paul#7426     |             [codepen](https://codepen.io/paul-1997/pen/xxQgEGR)              |     |
|      ann6212      | [codepen](https://codepen.io/yqmegupa-the-styleful/pen/yLQgaOB?editors=1000) |     |
|     adele6199     |   [codepen](https://codepen.io/codepen-io-winnie/pen/JjeERbN?editors=1000)   |     |
|     Janshawn      |       [codepen](https://codepen.io/Janshawn/pen/PoxWGRV?editors=1000)        |     |
|       ROGER       |       [Codepen](https://codepen.io/jxyrmcxm-the-scripter/pen/wvQgzjb)        |     |
|  Grass立花#8094   |                                                                              |     |
|       3catt       |             [Codepen](https://codepen.io/zzzzz0522/pen/oNQBzJd)              |     |
|     Tami#6742     |         [Codepen](https://codepen.io/wqsdqbjn-the-vuer/pen/rNQjMEw)          |     |
|       小夏        |            [Codepen](https://codepen.io/michaelhsia/pen/RwqKoZX)             |     |
|   Ting.66#0912    |        [Codepen](https://codepen.io/Ting66/pen/ZEmLpLb?editors=1000)         |     |
|      debbie       |      [Codepen](https://codepen.io/debbieWang/pen/QWJdGoq?editors=1000)       |     |
|     ming0712      |            [Codepen](https://codepen.io/StevenHuang/pen/abQpBrM)             |     |
|     墨墨#4571     |              [Codepen](https://codepen.io/momof2e/pen/rNQjjBQ)               |     |
|     duck3310      |       [Codepen](https://codepen.io/papy0715/pen/poQRNML?editors=1000)        |     |
|    Celine#6773    |            [Codepen](https://codepen.io/celinephoebe/pen/gOQgLyM)            |     |
|     a_xin2023     |       [CodePen](https://codepen.io/Neil1024/pen/RwqKKQp?editors=1010)        |     |
|      zhu.lin      |           [CodePen](https://codepen.io/codepenplayer/pen/JjeEEvY)            |     |
|       辣椒        |            [Codepen](https://codepen.io/chilichen118/pen/oNQBBPz)            |     |
|      Eden.C       |               [Codepen](https://codepen.io/iseden/pen/oNQBBox)               |     |
|      hao2485      |             [Codepen](https://codepen.io/Seanfeb16/pen/qBQRRzq)              |     |
|      shcopy       |               [Codepen](https://codepen.io/shcopy/pen/RwqKpwx)               |     |
|   棠棠#donna524   |             [Codepen](https://codepen.io/bobo52400/pen/KKrKZGp)              |     |
|   yunhsinnnnnnn   |      [Codepen](https://codepen.io/yun___hsin/pen/LYXxWjz?editors=1010)       |     |
|      小木馬       |         [Codepen](https://codepen.io/kanegoev-the-bold/pen/PoxWpQX)          |     |
|     Hironaka      |            [Codepen](https://codepen.io/Hironaka0815/pen/JjeEWyJ)            |     |
|    FanJJ#8061     |              [Codepen](https://codepen.io/yfchenn/pen/gOQgmZE)               |     |
|     Vic_Liou      |           [Codepen](https://codepen.io/allenliou-java/pen/abQpJPL)           |     |
|    yuchou#5749    |              [Codepen](https://codepen.io/yu-chou/pen/abQpWOq)               |     |
|      PH#2731      |       [Codepen](https://codepen.io/lokf9527/pen/gOQgWPV?editors=1000)        |     |
|    hance__kao     |       [Codepen](https://codepen.io/HanceKao/pen/wvQgoXz?editors=1000)        |     |
|   lishuan#3698    |        [Codepen](https://codepen.io/lishuan/pen/ZEmLKav?editors=1100)        |     |
|   MarvinWu#8362   |               [Codepen](https://codepen.io/chi-Wu/pen/jOQymLB)               |     |
|        PP         |      [Codepen](https://codepen.io/terranpeng/pen/zYMNwmJ?editors=1100)       |     |
|   kimlemon0720    |        [Codepen](https://codepen.io/znohmess-the-builder/pen/NWEdjej)        |     |
|    Cosmos#9210    |             [Codepen](https://codepen.io/violet7755/pen/abQpWPP)             |     |
|    Brian#7046     |            [Codepen](https://codepen.io/PochienTsai/pen/mdQRmYV)             |     |
|    Eason#7884     |               [Codepen](https://codepen.io/ASLEO/pen/yLQgbWK)                |     |
|    murphy1665     |               [Codepen](https://codepen.io/icephy/pen/YzRNZxa)               |     |
|    Matic#3173     |             [Codepen](https://codepen.io/Matic1124/pen/OJaWggj)              |     |
|     zona_0.0      |              [Codepen](https://codepen.io/skullmao/pen/gOBNYEv)              |     |
|   Blueeee#9557    |        [Codepen](https://codepen.io/bb84729/pen/zYMGqNw?editors=1100)        |     |
|    weiwei5235     |             [Codepen](https://codepen.io/Will-Chou/pen/xxQgrXx)              |     |
|    .manmanlai     |       [Codepen](https://codepen.io/kikiyang/pen/QWJdgvr?editors=1000)        |     |
|        Kai        | [Codepen](https://codepen.io/beginneraboutlife116/pen/ExOZXEY?editors=1000)  |     |
|   Absinthe#0571   |     [Codepen](https://codepen.io/absinthesung/pen/RwqKgMp?editors=1010)      |     |
| Trista Chiu#3719  |             [Codepen](https://codepen.io/TristaChiu/pen/rNQjwvE)             |     |
|   yu.t_liu#4252   |       [Codepen](https://codepen.io/YuT200053/pen/poQRwXB?editors=1000)       |     |
|     smallmi80     |      [Codepen](https://codepen.io/smallmimi80/pen/YzRNxPr?editors=1000)      |     |
| peggydbc1217#1187 |            [Codepen](https://codepen.io/peggydbc1217/pen/poQRrjX)            |     |
|   vivianlu#5122   |             [Codepen](https://codepen.io/viviannlu/pen/MWzJPRQ)              |     |
|     ruchi7866     |             [Codepen](https://codepen.io/jason2267/pen/GRwrvEB)              |     |
|   meowmeow#1967   |              [Codepen](https://codepen.io/snow1224/pen/PoxWKmy)              |     |
|       wind        |               [Codepen](https://codepen.io/wind7y/pen/yLQgoYm)               |     |
|   歐陽龍龍#1061   |            [Codepen](https://codepen.io/dizzydog-rgb/pen/wvQgqjb)            |     |
|     lianne._.     |       [Codepen](https://codepen.io/Elaina-L/pen/abQpyjw?editors=1000)        |     |
|    Kallen#1185    |       [Codepen](https://codepen.io/zsoiobyy-the-scripter/pen/yLQgoqe)        |     |
|    tiffany.wu     |       [Codepen](https://codepen.io/wuhsinyu/pen/qBQRXQp?editors=1000)        |     |
|   zhtomwu#8595    |         [Codepen](https://codepen.io/ZHTOM/pen/dyQNzQe?editors=1000)         |     |
|     YHT#1696      |              [Codepen]((https://codepen.io/YHT31/pen/RwqKZmE))               |     |
|     fanglin.y     |            [Codepen](https://codepen.io/flynn841028/pen/KKravZK)             |     |
|      ct3741       |              [Codepen](https://codepen.io/claire-T/pen/wvQgrGa)              |     |
|   JiaYin #1196    |            [Codepen](https://codepen.io/chen19970221/pen/PoxWJzY)            |     |
|  JohnChien#0045   |       [Codepen](https://codepen.io/glqwazid-the-selector/pen/eYQgGJE)        |     |
|       Santu       |             [Codepen](https://codepen.io/HatsumiSan/pen/LYXxzpB)             |     |
|    yanlin.liu     |      [Codepen](https://codepen.io/simplelife/pen/bGQgoWp?editors=1000)       |     |
|    tzuyun1019     |      [Codepen](https://codepen.io/TzuYun1019/pen/RwqKLgz?editors=1100)       |     |
|    JohnC#3814     |    [Codepen](https://codepen.io/johnhua25147050/pen/xxQgXLa?editors=1000)    |     |
|    peggy#3169     |              [Codepen](https://codepen.io/peggylai/pen/PoxWJyN)              |     |
|    Ching#8308     |             [Codepen](https://codepen.io/huangching/pen/poQRWQd)             |     |
|    Yuling#1634    |              [codepen](https://codepen.io/igzdflpu/pen/OJaWmKW)              |     |
|  kevinhuang#0957  |       [Codepen](https://codepen.io/qw-huang/pen/LYXxzao?editors=1000)        |     |
|    shawey.1a2b    |               [Codepen](https://codepen.io/Shawey/pen/MWzJENX)               |     |
|    edie599916     |       [Codepen](https://codepen.io/Chen-CiCi/pen/GRwrOmW?editors=1000)       |     |
|      bf_tsai      |        [Codepen](https://codepen.io/BF-Tsai/pen/jOQyaRX?editors=1000)        |     |
| NathanJames#8120  |             [Codepen](https://codepen.io/ufo060204/pen/PoxWOvR)              |     |
|    Anita#4537     |             [Codepen](https://codepen.io/anita1122/pen/qBQRpVX)              |     |
|    natalie2557    |              [Codepen](https://codepen.io/nwy0206/pen/WNYRzyy)               |     |
|  stevenchang421   |       [Codepen](https://codepen.io/vwtrpqmm/pen/BaGprGr?editors=1000)        |     |
|     awei_0625     |       [Codepen](https://codepen.io/hong-wei/pen/xxQgzQm?editors=1000)        |     |
|       薯餅        |           [Codepen](https://codepen.io/ColdingPoTaTo/pen/KKraeYy)            |     |
|       Empty       |              [Codepen](https://codepen.io/emptywu/pen/WNYRKrX)               |     |
|     xuan#0808     |       [Codepen](https://codepen.io/xuan0915/pen/RwqKBoR?editors=1000)        |     |
|  Kulimusoda#2785  |            [Codepen](https://codepen.io/yuch3n_chen/pen/JjeEJJj)             |     |
|     jhouhank      |              [Codepen](https://codepen.io/JhouHank/pen/MWzJBjq)              |     |
|  Azi Hsieh#2861   |              [Codepen](https://codepen.io/AziHsieh/pen/zYMNLag)              |     |
|      mm_ieat      |               [Codepen](https://codepen.io/MINN3/pen/PoxWdYR)                |     |
|     ryan.chou     |              [Codepen](https://codepen.io/csw8524/pen/vYQgzXp)               |     |
|    Johnson3669    |                  [Codepen](https://codepen.io/pen/qBQRMZR)                   |     |
|     瑞塔#8500     |              [Codepen](https://codepen.io/RitaWeng/pen/eYQgLvp)              |     |
|   路人ADCB#9851   |            [Codepen](https://codepen.io/markyourpage/pen/dyQNqNz)            |     |
|   路人ADCB#9851   |            [Codepen](https://codepen.io/markyourpage/pen/dyQNqNz)            |     |
|        MKL        |              [Codepen](https://codepen.io/Code-My/pen/vYQgzqV)               |     |
|     markchen      |            [Codepen](https://codepen.io/Mark-JJchen/pen/RwqKYpM)             |     |
|       vvay        |        [Codepen](https://codepen.io/pellmssx-the-sasster/pen/VwVPEwG)        |     |
|    依依＃6306     |             [Codepen](https://codepen.io/Rita-Yang/pen/yLQgREz)              |     |
|    Tina02#2691    |        [Codepen](https://codepen.io/chjitlox-the-bashful/pen/rNQjqrd)        |     |
|    Rxzan#5551     |      [Codepen](https://codepen.io/Tzuru-Chen/pen/LYXxgga?editors=1000)       |     |
|      curalin      |        [Codepen](https://codepen.io/curalin/pen/RwqKqwW?editors=1100)        |     |
|    Artian#1931    |        [Codepen](https://codepen.io/Aritan/pen/QWJdJdQ?editors=1000)         |     |
|     肥宅長老      |               [Codepen](https://codepen.io/Pasagi/pen/jOQyQee)               |     |
|       shuuu       |       [Codepen](https://codepen.io/hexschool/pen/OJQGKPY?editors=1000)       |     |
|     狸貓#5863     |       [Codepen](https://codepen.io/tanuki320/pen/abQpXdE?editors=1000)       |     |
|      abalun       |              [Codepen](https://codepen.io/abalun52/pen/poQRGbN)              |     |
|     阿富#0389     |            [Codepen](https://codepen.io/spring40747/pen/JjeEVoK)             |     |
|      SmallP       |               [Codepen](https://codepen.io/smallp/pen/vYQgMVr)               |     |
|    homer#1525     |              [Codepen](https://codepen.io/Buckhorn/pen/GRwrbjj)              |     |
|  Jules Hsu#1282   | [Codepen](https://codepen.io/cjntfsoq-the-animator/pen/KKrajoB?editors=1000) |     |
|       墨莉        |     [Codepen](https://codepen.io/katayose0804/pen/XWypvdb?editors=1000)      |     |
|      PayRoom      |             [Codepen](https://codepen.io/water38198/pen/JjeWPNZ)             |     |
|       min-L       |            [Codepen](https://codepen.io/min-sky-lin/pen/rNQyVVm)             |     |
|     SKey#9905     |             [Codepen](https://codepen.io/Dale-Chien/pen/bGQqpbX)             |     |
|      hanalin      |             [Codepen](https://codepen.io/hananalin/pen/bGQqpgN)              |     |
|    Kimi #9534     |              [Codepen](https://codepen.io/kimihu91/pen/LYXWZqG)              |     |
|       AAAAA       |     [Codepen](https://codepen.io/yvgxsirf-the-typescripter/pen/PoxpGZR)      |     |
|       大頭        | [Codepen](https://codepen.io/conlyvrg-the-reactor/pen/LYXWROy?editors=1000)  |     |
|   Atsushi#6888    |     [Codepen](https://codepen.io/atsushi-amuro/pen/jOQBVLr?editors=1000)     |     |
|       YOZU        |               [Codepen](https://codepen.io/YO_ZU/pen/eYQvBKe)                |     |
|   Michelle9405    |       [Codepen](https://codepen.io/fseecokx-the-flexboxer/pen/XWyMNPE)       |     |
|    popcorn_3q     | [Codepen](https://codepen.io/arnyrpqt-the-sasster/pen/wvQJggd?editors=1000)  |     |
|     泊岸#3466     |      [Codepen](https://codepen.io/qoq77416416/pen/qBQRoYO?editors=1000)      |     |
|    Shiloh#8447    |                      [Codepen](https://codepen.io/pen/)                      |     |
|     anyakuo13     |        [Codepen](https://codepen.io/anyakuo/pen/JjeWmJL?editors=1000)        |     |
|      icy.moo      |        [Codepen](https://codepen.io/len5464/pen/zYMZmmR?editors=1000)        |     |
|        EY         |        [Codepen](https://codepen.io/EY-chen/pen/ExOWOMq?editors=1000)        |     |
|   <Lakers2306>    |       [Codepen](https://codepen.io/colcmsax-the-styleful/pen/bGQgzzB)        |     |
|       ztion       |         [Codepen](https://codepen.io/ztion/pen/wvQgLjp?editors=1100)         |     |
|   ga771058#8770   |     [Codepen](https://codepen.io/ppzigmtg-the-typescripter/pen/eYQvEWY)      |     |
|   Mia小福#4473    |       [Codepen](https://codepen.io/a0950271/pen/bGQqYor?editors=1000)        |     |
|    Rebecca Yu     |             [Codepen](https://codepen.io/rebecca-yu/pen/BaGWYMj)             |     |
|   <Lakers2306>    |       [Codepen](https://codepen.io/colcmsax-the-styleful/pen/bGQgzzB)        |     |
|  Mina Shih#6848   | [Codepen](https://codepen.io/yqqepmmj-the-decoder/pen/vYQxWZN?editors=1000)  |     |
|      .zack_p      |      [Codepen](https://codepen.io/Designer-PH/pen/qBQrpjq?editors=1000)      |     |
| andersonshen#4675 |         [Codepen](https://codepen.io/luxyenni-the-bold/pen/WNYpLQK)          |     |
|     xin#1214      |           [Codepen](https://codepen.io/Estherrrrrr999/pen/XWyMLNP)           |     |
| hsuhsusophie#7338 |     [Codepen](https://codepen.io/hsuhsusophie/pen/bGQqPQY?editors=1000)      |     |
|      Mylène       |            [CodePen](https://codepen.io/hamajibashi/pen/gOQmBvN)             |     |
|     lin_lion      |              [CodePen](https://codepen.io/Lion-Lin/pen/oNQWvRJ)              |     |
|    runweiting     |       [Codepen](https://codepen.io/weiting14/pen/MWzmbJe?editors=1000)       |     |
|     阿賀#3700     |               [Codepen](https://codepen.io/sungho/pen/YzRVZZZ)               |     |
|      Anni945      |         [Codepen](https://codepen.io/pfrlaufu-the-solid/pen/ExOmbGM)         |     |
|     cyrus_li      |              [Codepen](https://codepen.io/likahang/pen/GRwmxej)              |     |
|     lychee_kk     |       [Codepen](https://codepen.io/kakakala/pen/vYQmPPN?editors=1000)        |     |
|     ben_1757      |   [Codepen](https://codepen.io/cowyjooy-the-vuer/pen/rNQmgzW?editors=1000)   |     |
|      +7#8492      |        [Codepen](https://codepen.io/tojibom/pen/ExOmBEd?editors=1010)        |     |
|        Da         |       [Codepen](https://codepen.io/hexschool/pen/OJQGKPY?editors=1000)       |     |
|     awei#0720     |        [Codepen](https://codepen.io/Aweishi/pen/mdQwbdx?editors=1000)        |     |
|   NickTsai#0702   |        [Codepen](https://codepen.io/Aweishi/pen/mdQwbdx?editors=1000)        |     |
|     dong2328      | [Codepen](https://codepen.io/htamlkdz-the-encoder/pen/GRwEqvR?editors=1010)  |     |
|  pss940909#8650   |             [Codepen](https://codepen.io/pss940909/pen/QWJgdyE)              |     |
|     佐萱#7545     |        [Codepen](https://codepen.io/Bearice/pen/BaGZJBW?editors=1000)        |     |
| swalok47716#7332  |        [Codepen](https://codepen.io/swalok/pen/JjeJZeO?editors=1000)         |     |
| Ryan Chiang#6649  |             [Codepen](https://codepen.io/ryanchiang/pen/rNQwRNm)             |     |
|     阿維#2569     |  [Codepen](https://codepen.io/iijojpli-the-looper/pen/OJajLpo?editors=1000)  |     |
|     Pig#6093      |         [Codepen](https://codepen.io/qnmcftqx-the-sans/pen/WNYEdaz)          |     |
|       Long        |               [Codepen](https://codepen.io/Loonng/pen/dyQzdQZ)               |     |
|    patrickpie     |             [Codepen](https://codepen.io/patrickpie/pen/Jjeyxgy)             |     |
|      soniawu      |         [Codepen](https://codepen.io/YUJOU/pen/vYQeJNq?editors=1000)         |     |
|  ChrisSQR #3308   |       [Codepen](https://codepen.io/ChrisSQR/pen/poQWrBK?editors=1100)        |     |
|   Milvii #7341    |            [Codepen](https://codepen.io/Monstertroll/pen/ZEmXXXd)            |     |
|      0naomi0      |              [Codepen](https://codepen.io/0Naomi0/pen/LYXzJPg)               | 
|     wts    |  [Codepen](https://codepen.io/ivy999/pen/oNQobLJ)  |     |
|      heyiiiii#5013      |       [Codepen](https://codepen.io/hoyii/pen/ZEmaemo)       |     | 
| rjjq     | [Codepen](https://codepen.io/rjjq/pen/GRwOggb)    |      |
|   jasonlll1111    |            [Codepen](https://codepen.io/jsyzmq9328/pen/BaGmygR?editors=1000) |     |
|     elliehsu    |  [Codepen](https://codepen.io/ellieyuhsu0827/pen/YzREQgJ?editors=1000)  |     |
|  littlewhite2406   |  [Codepen](https://codepen.io/gracewhite/pen/yLQPpaM)  |     |   
| Stoos#1369 |[Codepen](https://codepen.io/Stooss/pen/vYQpBNO?editors=1000) |
| Miiia#9353 |[Codepen](https://codepen.io/sating/pen/bGQLdmo?editors=1000) |   
| mini#6858 |[Codepen](https://codepen.io/LINYI-HUANG/pen/abQqdYE?editors=1000) |
| 郭芙蘭#6374 |[Codepen](https://codepen.io/flora_Kuo/pen/gOQvgLG) |
| marskuo |[Codepen](https://codepen.io/MarsKuo/pen/gOQvemG) |
| Yin |[Codepen](https://codepen.io/andy888jam/pen/ExOQRGM?editors=1000) |
| jhen_ye |[Codepen](https://codepen.io/su-jhen/pen/zYMWbQx?editors=1000) |
| yuan2781 |[Codepen](https://codepen.io/ismebir/pen/NWEMawx) |
| MaciHuang#8798 |[Codepen](https://codepen.io/macy1215/pen/dyQeKjw) |
| Eileen#6454 |[Codepen](https://codepen.io/Eileen-io/pen/poQrxPB) |
| zoey0839 |[Codepen](https://codepen.io/zoeyce/pen/xxQazpR) |
| chen_emily |[Codepen](https://codepen.io/HUIJINEmily/pen/gOQEEML) |
| 楓尋 |[Codepen](https://codepen.io/Lnight0/pen/GRwrzZa) |
| Mattie |[Codepen](https://codepen.io/mattielin/pen/KKbjdqr) |
| 楓 |[Codepen](https://codepen.io/maplestartend/pen/jOJNbLo?editors=1000) |
|  cbs  |[Codepen](https://codepen.io/wasdjk/pen/ExzzQPK?editors=1000)|