--- 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)