---
# System prepended metadata

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

---

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

## 練習 Emmet 語法

請練習將以下圖中的排版利用 Emmet 語法寫出來，回報時請寫 Emmet 語法，例如：
```
h1{標題}+p{Lorem ipsum dolor sit!}...

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




---

## 回報流程

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

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

<!-- 解答：h1{標題}+(p>lorem4)+img[src="
"]+h2{副標題}+(ul>li{$}*3)+h2{副標題}+(p>lorem4)  -->
回報區
---


|      Discord      |                          CodePen / 答案                           |
|:-----------------:|:-----------------------------------------------------------------:|
|    薏慈#3795    |        [Codepen](https://codepen.io/its_wang/pen/oNqdxje)
|    Anna Liu#3794    |        [Codepen](https://codepen.io/anna618/pen/VwXmNzb)
|    小鐵#2814    |        [Codepen](https://codepen.io/xiron/pen/oNqLdyy) 
|    Benson#6763    |        [Codepen](https://codepen.io/kumashow/pen/qBoEQWo)         |
|     𝓛𝓊𝒸𝓎#8635     |        [Codepen](https://codepen.io/lucygirl/pen/RwMNvYB)         |
|    SASIMI#5099    |       [Codepen](https://codepen.io/sashimi1327/pen/qBodbpB)       |
|  smallmi80#3735   |       [Codepen](https://codepen.io/smallmimi80/pen/poLgVGd)       |
|    布魯諾#7239    |        [Codepen](https://codepen.io/bruno-yu/pen/xxWZzXK)         |
|    JackC#0411     |         [Codepen](https://codepen.io/key0329/pen/qBobKpd)         |
|   Amberhh#2465    |  [Codepen](https://codepen.io/Amberhh/pen/poLgKax?editors=1000)   |
|   Daisy_Li#4231   |   [Codepen](https://codepen.io/lidairong-gmail-com/pen/QWmyxxB)   |
|    Clara#1275     |        [Codepen](https://codepen.io/bsupixqu/pen/OJvMEEO)         |
|  Karol-Kuo#5287   |       [CodePen](https://codepen.io/ting-yu-kuo/pen/oNqbyaL)       |
|    黃士桓#7654    |      [codpen](https://codepen.io/shr-huan-huang/pen/gOePKBG)      |
|     洋蔥#5295     |          [codpen](https://codepen.io/HSUNA/pen/RwMrJYV)           |
|  christina#6185   |       [Codepen](https://codepen.io/chrisc0210/pen/oNqbMXZ)        |
|      YI#0863      |   [codpen](https://codepen.io/YI0305/pen/LYdGBNW?editors=1000)    |
| bonnieli1414#4906 |       [codpen](https://codepen.io/bonnieli1414/pen/wvmMXEm)       |
|     QOO#8446      |         [Codpen](https://codepen.io/QOOQOOQ/pen/wvmMxGY)          |
|     yuyu#6310     |  [Codepen](https://codepen.io/yuyu0905/pen/poLgZWo?editors=1010)  |
|    peter.chen#    |        [Codepen](https://codepen.io/JIAN-RONG/pen/OJvMwXw)        |
|  PeggyLiao#1552   | [CodePen](https://codepen.io/PeiJu-Liao/pen/yLKeqoL?editors=1000) |
|     Chi #7605     |         [Codepen](https://codepen.io/YoChi84/pen/rNdxrYe)         |
|     Sin#0040      |  [Codepen](https://codepen.io/sophmfyt-the-sasster/pen/mdxVjLG)   |
|      Ke#1391      |        [CodePen](https://codepen.io/federerke/pen/mdxVjKG)        |
|   NeilLin#3009    |  [CodePen](https://codepen.io/a0071421/pen/xxWZJyL?editors=1010)  |
|     咻蹦#1526     |         [CodePen](https://codepen.io/emmasyu/pen/gOePjjQ)         |
|     威爾#1694     |         [CodePen](https://codepen.io/WILL_Wu/pen/wvmMxmO)         |
|     int#7518      |  [Codepen](https://codepen.io/intHuang/pen/QWmyBBL?editors=1100)  |
|     zaii#7472     |       [Codepen](https://codepen.io/ivy2846357/pen/RwMrBqY)        |
|  LHchien33#6232   |        [Codepen](https://codepen.io/lin_chien/pen/vYRLzYQ)        |
|      44#6963      |   [CodePen](https://codepen.io/lin-b/pen/QWmyVwj?editors=1010)    |
|  Winnie Wu#5468   |         [CodePen](https://codepen.io/Pooh-Wu/pen/oNqbPLP)         |
|     群嘉#3943     |  [CodePen](https://codepen.io/efzdamnp-the-lessful/pen/abYdaJG)   |
|     小諾#1866     |         [CodePen](https://codepen.io/noichan/pen/RwMrYoO)         |
|  Iris Huang#6727  |         [CodePen](https://codepen.io/ythuang/pen/KKoVxva)         |
| Yuna Huang #2692  |        [CodePen](https://codepen.io/Yuna1002/pen/rNdxZdJ)         |
|     Vera#5592     |         [CodePen](https://codepen.io/skvera/pen/ZExQMxa)          |
|   Fanglin#4054    |       [CodePen](https://codepen.io/flynn841028/pen/bGvExQB)       |
|     鴨鴨#9822     |  [CodePen](https://codepen.io/qrvrqvxv-the-selector/pen/XWEXPLP)  |
|     威0#6919      |       [CodePen](https://codepen.io/n0918679182/pen/PoRZyYG)       |
|     zera#6060     |       [CodePen](https://codepen.io/zera-tseng/pen/ZExQqQM )       |
|     yu魚#1330     |          [CodePen](https://codepen.io/Yu_yu/pen/mdxVGZe)          |
|  jin.huang#4666   |   [CodePen](https://codepen.io/HJ7878/pen/wvmMYoq?editors=1000)   |
|     東懂#3762     |        [CodePen](https://codepen.io/tone-lee/pen/xxWZydv)         |
|     CJ07#0176     | [CodePen](https://codepen.io/cjtseng07/pen/eYMJPWb?editors=1100)  |
|    連小艾#0791    |        [CodePen](https://codepen.io/bolaslien/pen/mdxVzBR)        |
|   WEI_RIO#9342    |   [CodePen](https://codepen.io/wei_wu/pen/XWEXyJJ?editors=1010)   |
|   Jamie Wu#9345   |        [Codepen](https://codepen.io/Wu220103/pen/MWVKzYM)         |
| 雷雷#7844                  |        [Codepen](https://codepen.io/lei-yi-jie/pen/rNdxQZM)                                                           |
|     Pony#6778     |        [Codepen](https://codepen.io/Pony0303/pen/KKoVrgL)         |
|    Kevin8349#6131    |        [CodePen](https://codepen.io/xlqjezvc-the-encoder/pen/OJvMaaq)        |
|    Henry#7386   |        [CodePen](https://codepen.io/h1nr9/pen/JjLGeqM)        |
|    LINK#1933   |        [CodePen](https://codepen.io/miyayoe/pen/MWVKZyp)        |
|    suihsilan#9485   |        [CodePen](https://codepen.io/suihsilan/pen/oNqbJPV)        |
|    Vian #7338   |        [CodePen](https://codepen.io/vianwu31/pen/jOzWdyz)        |
|    ajhappy#6488   |        [CodePen](https://codepen.io/ajhappy5438/pen/WNzrPKy)        |
|    IreneY #0086   |        [CodePen](https://codepen.io/HalfPlannedJourney/pen/ZExQPBE)        |
| Jenny真#7532      |       [CodePen](https://codepen.io/wei-chen-wu/pen/XWEXQJg) |
|    Joyce#3790    |    [Codepen](https://codepen.io/joycehuang/pen/qBobwoQ?editors=1010)    |
|ssozr#4680|[codepen](https://codepen.io/ssozr/pen/bGvEJOB)|
|Grass立花#8094|[CodePen](https://codepen.io/kj25940858/pen/bGvEyoY)
|hua#9099|[Codepen](https://codepen.io/LHua/pen/NWYxVda)|
| 我是泇吟 #5189 | [Codepen](https://codepen.io/kljuqbxs/pen/GRxpYmE) |
| RANDY #0393 | [Codepen](https://codepen.io/randy820113/pen/XWEXwOv) |
|    YU #0618    |       [Codepen](https://codepen.io/yoken_/pen/vYRLwQg)     |
|Ryan Chiang#6649|[Codepen](https://codepen.io/ryanchiang/pen/dymGBMW)|
|GARBO#6659|[Codepen](https://codepen.io/garbo8130/pen/bGvEPWO)|
| Shuo#1596  | [codePen](https://codepen.io/chiangchungshuo/pen/KKoVOVz)|
|  楓之聲#6945   |       [Codepen](https://codepen.io/sshane258/pen/BarjXxo)        |
| 狸貓#5863 | [Codepen](https://codepen.io/tanuki320/pen/oNqbKGQ) |
| Jason1#2538 | [Codepen](https://codepen.io/jotwxezb-the-encoder/pen/QWmyeRg) |
| 肉桂卷#0625 | [Codepen](https://codepen.io/ginnlee/pen/MWVygjX?editors=1000) |
| Yuan962#5897 | [Codepen](https://codepen.io/Jasmine-Liao/pen/OJvMKGN)|
| 肉魚#2149 | [Codepen](https://codepen.io/zoechen13/pen/dymMbjM)|
|Sentiments#4883| [Codepen](https://codepen.io/Sentiments/pen/NWYNKOM)|
|GL#2256| [Codepen](https://codepen.io/4genie/pen/mdxVYJV)|
|小白#2406| [Codepen](https://codepen.io/gracewhite/pen/xxWVKWK)|
| Mylène#2481 |[Codepen](https://codepen.io/hamajibashi/pen/BarKyro)|
| Andy Hung#3335 |[Codepen](https://codepen.io/andyhung0723/pen/oNqxLyG)|
| MinChunTsai #8285 |[Codepen](https://codepen.io/Tsai0926/pen/ZExWOgp?editors=1010)|
| helena#8461 |[Codepen](https://codepen.io/helena27/pen/ZExWLQg)|
| 阿基基#2557 |[Codepen](https://codepen.io/JIJI_GNI/pen/qBoZRwP)|
| 大衛#4869 |[Codepen](https://codepen.io/exnsrpjc/pen/qBoZjom)|
|熊二#3824|[Codepen](https://codepen.io/BeckLai/pen/qBoZXqo)|
| Melon#0380 |[Codepen](https://codepen.io/BalaFang/pen/oNqxeZM)|
| Tuhacrt#0008 |[Codepen](https://codepen.io/Tuhacrt/pen/eYMZGLx)|
| Yunei#6323 |[Codepen](https://codepen.io/Yunei/pen/YzaqrMp)|
| mei#8421 |[Codepen](https://codepen.io/Shila-Chen/pen/ZExWMPa)|
| jeter #8014|[Codepen](https://codepen.io/gi-tai-she/pen/YzaqJRq)
| wlc#4877 |[Codepen](https://codepen.io/arxmyifs/pen/vYRGQEx)|
| 柏PO #5617| [CodePen](https://codepen.io/apo_1798/pen/mdxPvKr)|
| Cream #3449| [CodePen](https://codepen.io/frxdwbbi-the-sasster/pen/xxWVBGG?editors=1100)|
| 鉦勝 #8333| [CodePen](https://codepen.io/atckmax823/pen/poLyYMv)|
| skypassion5000#4151| [CodePen](https://codepen.io/skypassion5000/pen/zYWqQYa?editors=1000)|
| Susie(軒)#6181| [CodePen](https://codepen.io/Codeleaf/pen/JjLKjZb)|
| 鎔瑄#8578 | [CodePen](https://codepen.io/barbarayou/pen/qBoNEZV)|
| LinaChen#1796 | [CodePen](https://codepen.io/LinaChen/pen/LYdZEOm)|
|hunset35#3186| [Codepen](https://codepen.io/hunset35/pen/BarzLMy)|
|mickey#8745| [Codepen](https://codepen.io/weizhetseng/pen/BarzRoj)|
|Van.CS #2067|[Codepen](https://codepen.io/fbacojji-the-selector/pen/KKoMvWp?editors=1010)|
|Ron Liang #7277|[Codepen](https://codepen.io/ron-go/pen/oNqxwPG)|
|YaWen #2752|[Codepen](https://codepen.io/yuwendy/pen/OJvXOyx)|
|肯肯#1576|[Codepen](https://codepen.io/kkwcan/pen/rNdLQWg)|
| Kiwi#9804 | [Codepen](https://codepen.io/kiwi1113/pen/MWVeMLN)|
|bakiii|[codepen](https://codepen.io/aki168/pen/KKoMjOL)|
| JarDar #6980 | [codepen](https://codepen.io/jardarpen/pen/xxWEKKj) |
| Nini Chen #5790| [codepen](https://codepen.io/ninistyle/pen/oNqzLGx) |
| 阿蘇 #8531| [codepen](https://codepen.io/susu8327/pen/wvmzzJN) |
|Leo Song|[Codepen](https://codepen.io/sunnylaba/pen/jOzMYNJ?editors=1000)|
| Manson許 #2295 | [Codepen](https://codepen.io/oupbzfxq-the-scripter/pen/GRxjwpq) |
| yuchenye #6119 | [Codepen](https://codepen.io/yuchen/pen/RwMGdXZ) |
| kancheng #3915 | [Codepen](https://codepen.io/kancheng/pen/xxWRbbZ) |
|阿翰 #1984| [Codepen](https://codepen.io/JohnHan05/pen/eYMBpxa)|
|Clara Cai#7097| [Codepen](https://codepen.io/Clara-Snowy/pen/QWmGyZe)|
|Tor #1248| [Codepen](https://codepen.io/FlyTori/pen/GRxNZaJ)|
|Nathan James#8120| [Codepen](https://codepen.io/ufo060204/pen/xxWRdNQ)
|ROKA #4051| [codepen](https://codepen.io/chengchiaoyi/pen/MWVbjgR) |
|sophiee#7015|[Codepen](https://codepen.io/sophiee2727/pen/qBoqVXe)
|Carrie #2750| [Codepen](https://codepen.io/carrie-wang/pen/JjLbqQm) |
|瑞瑞#4605| [Codepen](https://codepen.io/tsai-li-ting/pen/OJvWOpN) |
|Deborah#0033| [Codepen](https://codepen.io/deborah-tsai/pen/GRxrxrg)
|艾芮絲#6060| [Codepen](https://codepen.io/wangyingju/pen/WNzRPWr)
|EmilyLin#0526| [Codepen](https://codepen.io/c199615/pen/KKoaYYL?editors=1000)
|RayChen#6088| [Codepen](https://codepen.io/raychen1996/pen/qBorBZJ)
|Gui#9571|[CodePen](https://codepen.io/guitimliu/pen/dymvPZp)
|紙飛機#1335|[CodePen](https://codepen.io/paperplanea/pen/qBorzRy)|
|WEI#0797|[CodePen](https://codepen.io/wei-z/pen/XWERYMJ)|
|yuling#1634|[Codepen](https://codepen.io/igzdflpu/pen/qBomvVY)|
|KarenChan#4625|[Codepen](https://codepen.io/ruruchan7/pen/BarwopO)|
|rueee#7997|[Codepen](https://codepen.io/Jull-C/pen/NWYaaGj)|
|鄭小蛙#3528|[Codepen](https://codepen.io/libclf/pen/BarmZgG)|
|Jumpye#8601|[Codepen](https://codepen.io/Jumpye/pen/mdxpjMR)|
|Rena#6249|[Codepen](https://codepen.io/aureate0116/pen/zYWpVxM?editors=1010)|
|RuoAn#7124|[Codepen](https://codepen.io/LiauRuoAn/pen/zYWReoz?editors=1010)|
|KT Hsieh#2861|[CodePen](https://codepen.io/KTHsieh/pen/mdxLeeZ?editors=1000)|
|DoraHunag#8223|[Codepen](https://codepen.io/mwebwvuq-the-flexboxer/pen/LYdqwRR)
|心幻羽#0056|[Codepen](https://codepen.io/linglingsyu/pen/vYRMoLN)