---
# System prepended metadata

title: 7/9(五) 每日任務
tags: [網頁切版直播班 - 2021 夏季班]

---

---
tags: 網頁切版直播班 - 2021 夏季班
---
# 7/9(五) 每日任務

## 問題

請練習將以下圖中的排版利用 Emmet 語法寫出來，回報時請寫 Emmet 語法，例如：
```htmlembedded=
h1{標題}+p{Lorem ipsum dolor sit!}...
```
---
<img height="450" src="https://upload.cc/i1/2020/10/19/Roz01J.png
">


---
## 回報流程

1. 將答案貼在 Codepen 並複製 Codepen 連結貼至「回報區」中回報就算完成了喔～（也可以將答案直接貼至「回報區」）


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

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


回報區
---
<!-- 0. Bingbingboom（回報範例，請使用註解回報）
（可直接撰寫答案）
Codepen：https://codepen.io/Bingbingboom/pen/WNpMdpP
-->

<!-- 1. 焦糖
答案：h1{標題}+(p>lorem4)+img[src="https://ithelp.ithome.com.tw/storage/image/logo.svg"]+h2{副標題}+(ul>li{$}*3)+h2{副標題}+(p>lorem4) 
-->
<!-- 2.孫
https://codepen.io/Sunne/pen/ZEePLZw -->

<!-- 3.natsu
h1{標題}+(p>lorem4)+img[src="https://ithelp.ithome.com.tw/storage/image/logo.svg"]+h2{副標題}+(ul>li{$}*3)+h2{副標題}+(p>lorem4) -->

<!-- 4.Jasmin

答
h1{標題}+(p>lorem4)+img[src="https://ithelp.ithome.com.tw/storage/image/logo.svg"]+h2{副標題}+(ul>li{$}*3)+h2{副標題}+(p>lorem4)

-->

<!-- 5.lumei

答
h1{標題}+p>lorem4^img[src="https://ithelp.ithome.com.tw/storage/image/logo.svg"]+h2{副標題}+ul>li*3{$}^h2{副標題}+p>lorem4
-->

<!-- 6.Cheng Pei-hsuan

答
h1{標題}+(p>Lorem4)+img[src="https://upload.cc/i1/2020/10/19/Roz01J.png" height="450"]+h2{副標題}+(ul>li{$}*3)+h2{副標題}+p>Lorem4
-->

<!-- 15. Scarlett史嘉 
h1{標題}+(p>lorem4)+img[src="https://upload.cc/i1/2020/10/19/Roz01J.png"] +h2{副標題}+(ul>li{$}*3)+h2{副標題}+p>lorem4


<!-- 7. Vic
h1{標題}+(p>lorem4)+img[alt='iT邦幫忙' src='https://ithelp.ithome.com.tw/storage/image/logo.svg' height='50']+h2{副標題}+(ul>li*3{$})+h2{副標題}+p>lorem4
-->

<!-- 8. Lina Chen
h1{標題}+(p>lorem4)+img[src="https://ithelp.ithome.com.tw/storage/image/logo.svg"]+h2{副標題}+(ul>li*3{$})+h2{副標題}+(p>lorem4)
-->

<!--9. YOYO
codepen:https://codepen.io/lumedkle/pen/rNmLJPe
-->

<!--10. Joy Cheng
codepen:https://codepen.io/joycheng5432/pen/VwbjXvx
-->


<!--11. Winnie
 h1{標題}+p{Lorem ipsum dolor sit!}+img[src="https://ithelp.ithome.com.tw/storage/image/logo.svg"] +h2{副標題}+ul>li{$}*3^h2{副標題}+p{Lorem ipsum dolor sit!}
 -->
 
<!-- 12. 蔡明達
h1{標題}+(p>lorem4)+img[src="https://ithelp.ithome.com.tw/storage/image/logo.svg" alt="IT邦幫忙"]+h2{副標題}+(ul>li{$}*3)+h2{副標題}+(p>lorem4)
Codepen: https://codepen.io/bmzpfyxe/pen/BaWOzvB
-->
<!-- 13.Fleur
h1{標題}+(p>lorem4)+img[src="https://upload.cc/i1/2020/10/19/Roz01J.png"]+(h2{副標題}+ul>li*3{$})+h2{副標題}+p>lorem4-->

<!-- 14.肉鬆 
codepen: https://codepen.io/klrkicog/pen/ZEKOxEW?editors=1010
-->
<!-- 15. Vivian
 h1{標題}+(p>lorem4)+img[src=https://upload.cc/i1/2020/10/19/Roz01J.png]+h2{副標題}+(ul>li{$}*3)+h2{副標題}+(p>lorem4) -->

<!-- .16 大衛 
https://codepen.io/pen/?editors=1100
h1{標題}+(p>lorem4)+img[src="https://ithelp.ithome.com.tw/storage/image/logo.svg" alt="logo"]+h2{副標題}+(ul>li*3{$})+h2{副標題}+(p>lorem4)
-->

<!-- 17 黃羽均
h1{標題}+p{Lorem ispsum dolor sit!}+img[src="https://ithelp.ithome.com.tw/storage/image/logo.svg"]+h2+ul>li*3{$}+h2+p{Lorem ispsum dolor sit!}
-->


<!-- 18. Sz
h1{標題}+p>lorem5+img[src="https://ithelp.ithome.com.tw/storage/image/logo.svg"]+h2{副標題}+ul>li*3{$}+h2{副標題}+p>lorem4
-->

<!-- 19. Gill
h1{標題}+p>lorem5+img[src="https://ithelp.ithome.com.tw/storage/image/logo.svg"]+h2{副標題}+ul>li{$}*3+h2{副標題}+p>lorem4
-->

<!-- 20. RitaHuang
h1{標題}+(p>lorem4)+img[src=https://ithelp.ithome.com.tw/storage/image/logo.svg]+h2{副標題}+(ul>li{$}*3)+h2{副標題}+(p>lorem4)
-->

<!--  21. hellocrab
h1{標題}+(p>lorem4)+img[src="https://ithelp.ithome.com.tw/storage/image/logo.svg"]+h2{副標題}+(ul>li{$}*3)+h2{副標題}+(p>lorem4)
-->

<!--  22. kane0927
h1{標題}+(p>lorem4)+img[src"https://upload.cc/i1/2020/10/19/Roz01J.png"]+h2{副標題}+(ul>li{$}*3)+h2{副標題}+(p>lorem4)
-->

<!--  23. Irene Wang
codepen: https://codepen.io/irene-wang-the-looper/pen/MWmeQMa
-->

<!-- 24. Sam li
codepen:https://codepen.io/sam830623/pen/OJmXvBJ
-->

<!--  25. 吐司
h1{標題}+(p>lorem4)+img[src="https://upload.cc/i1/2020/10/19/Roz01J.png" height="450"]+h2{副標題}+(ul>li{$}*3)+h2{副標題}+p>lorem4
-->

<!-- 26. Tracy曼娟
h1{標題}+(p>lorem4)+(img[src=""])+h2{副標題}+(ul>li{$}*3)+h2{副標題}+(p>lorem4)
-->

<!-- 27. Jean
h1{標題}+(p>lorem4)+img[src="https://ithelp.ithome.com.tw/storage/image/logo.svg" ]+h2{副標題}+(ul>li{$}*3)+h2{副標題}+(p>lorem4)
-->

<!--  28. Yao Lin
codepen:https://codepen.io/yaoyaoiii/pen/ExmyEML
-->
<!-- 29.陳sam
codepen:h1{標題}+p{Lorem ispum dolor sit!}+img[src="https://upload.cc/i1/2020/10/19/Roz01J.png",height="450"]+h2{副標題}+(ul>li($)*3)+h2{副標題}+p{Lorem ipusm dolor sit!}
-->

<!-- 30. 雷古娜
Codepen:https://codepen.io/tinahopo/pen/abWZYrj
-->

<!-- 31. yijun
h1{標題}+(p>lorem4)+img[src="https://ithelp.ithome.com.tw/storage/image/logo.svg"]+h2{副標題}+(ul>li{$}*3)+h2{副標題}+(p>lorem4)
-->

<!-- 32. Sylvia
Codepen:https://codepen.io/Cosmosheart/pen/QWvEmed?editors=1000
h1{標題}+(p>lorem4)+img[src="https://ithelp.ithome.com.tw/storage/image/logo.svg"]+h2{副標題}+(ul>li{$}*3)+h2{副標題}+(p>lorem4)
-->

<!-- 33. huanan
h1{標題}+p>lorem4^img[src="https://ithelp.ithome.com.tw/storage/image/logo.svg"]+h2{副標題}+ul>li*3{$}^h2{副標題}+p>lorem4
-->

<!-- 34. Jun Chan
Codepen:https://codepen.io/chujunchan/pen/QWvErEg
-->
<!-- 35. Paisley Chien
    h1{標題}+(p>lorem4)+img[src='https://ithelp.ithome.com.tw/storage/image/logo.svg' alt='iT邦幫忙']+h2{副標題}+ul>li{$}*3^h2{副標題}+(p>lorem4)
-->

<!-- 36. peter.chen1024
codepen: https://codepen.io/JIAN-RONG/pen/poPbVNd
-->

<!-- 37. Yen
h1{標題}+p{Lorem ipsum dolor sit!}+img[src="https://ithelp.ithome.com.tw/storage/image/logo.svg"]+h2{副標題}+ul>li*3{$}^h2{副標題}+p{Lorem ipsum dolor sit!}
codepen: https://codepen.io/Hoyi/pen/abWZGWX
-->

<!-- 38. Kaka
h1{標題}+(p>lorem4)+img[src="https://ithelp.ithome.com.tw/storage/image/logo.svg"]+h2{副標題}+(ul>li*3{$})+h2{副標題}+(p>lorem4)
codepen: https://codepen.io/potatokaka/pen/MWmeGoG?editors=1000
-->

<!-- 39. 周周
語法:h1{標題}+p{Lorem ipsum dolor sit!}+img{src=""}+(ul>li{1}+li{1}+li{3})+h2{副標題}+p{Lorem ipsum dolor sit!} -->

<!-- 40. Gui
h1{標題}+(p>lorem4)+img[src="https://upload.cc/i1/2020/10/19/Roz01J.png"]+h2{副標題}+(ul>li*3{$})+h2{副標題}+(p>lorem4)
-->

<!-- 41. PHIL
.h1{標題}>p>lorem4^^.logo>img[src="https://ithelp.ithome.com.tw/storage/image/logo.svg"]+.h2{副標題}>ul>li{$}*3^^.h2{副標題}>p>lorem4
-->

<!-- 42. 陳品宏
h1{標題}+(p>lorem5)>img[src="https://upload.cc/i1/2020/10/19/Roz01J.png"]+h2{副標題}+(ul>li{$}*3)+h2{副標題}+p>lorem5
-->

<!-- 43. Riley
h1{標題}+(p>lorem4)+img[src="https://ithelp.ithome.com.tw/storage/image/logo.svg"]+h2{副標題}+(ul>li{$}*3)+h2{副標題}+(p>lorem4)
-->

<!-- 44. aSong
h1{標題}+p>lorem4^img[src=https://ithelp.ithome.com.tw/storage/image/logo.svg alt="iT邦幫忙logo"]+h2{副標題}+ul>li{$}*3^h2{副標題}+p>lorem4

[codepen](https://codepen.io/boisonchang/pen/YzVWvYx?editors=1000)

-->

<!--45. Joanna Chang
h1{標題}+p>lorem4+img[src="https://upload.cc/i1/2020/10/19/Roz01J.png" ]+h2{副標題}＋(ul>li{$}*3)+h2{副標題}+p>lorem4

<!--46. Peggy Tsai 
h1{標題}+(p>lorem4)+img[src="https://ithelp.ithome.com.tw/storage/image/logo.svg"] +h2{副標題}+(ul>li{$}*3 )+h2{副標題}+(p>lorem4) -->

<!-- 47. ZY Hsu
h1{標題}+(p>lorem4)+img[src="https://upload.cc/i1/2020/10/19/Roz01J.png" ]+h2{副標題}+(ul>li{$}*3)+h2{副標題}+(p>lorem4)
 -->
<!-- 48. Tina Yen 
h1{標題}+p>lorem4^img[src=" https://upload.cc/i1/2020/10/19/Roz01J.png" ]+h2{副標題}+ul>li*3{$}^h2{副標題}+p>lorem4
-->
<!--49.LTL
 h1{標題}+(p>lorem4)+img[src="https://ithelp.ithome.com.tw/storage/image/logo.svg" alt=""]+(h2{副標題}+ul>li{$}*3)+h2{副標題}+(p>lorem4) -->

<!-- 50.Coco
h1{標題}+(p>lorem4)+img[src="https://ithelp.ithome.com.tw/storage/image/logo.svg"]+h2{副標題}+(ul>li*3>{$})+h2{副標題}+(p>lorem4)
codepen:https://codepen.io/coco35532442/pen/MWmeBWK?editors=1000-->

<!-- 51.Alvin Chu
h1{標題}+(p>lorem4)+img[src="https://ithelp.ithome.com.tw/storage/image/logo.svg"]+h2{副標題}+(ul>li{$}*3)+h2{副標題}+(p>lorem4)
-->


<!-- 52.ZOE WU

Emmet 語法：
h1{標題}+p{Lorem ipsum dolor sit!}+img+h2{副標題}+ul>li*3{$}+h2{副標題}+p{Lorem ipsum dolor sit!}

Codepen連結：
https://codepen.io/Zoechiueh/pen/poPbKGz?editors=1100
-->


<!-- 53. Jameskrauser

h1{標題}+(p>lorem4)+img[src="https://ithelp.ithome.com.tw/storage/image/logo.svg"]+h2{副標題}+(ul>li{$}*3)+h2{副標題}+(p>lorem4)

-->

<!-- 54. SihLe Huang
    h1{標題}+(p>lorem4)+img[src="https://ithelp.ithome.com.tw/storage/image/logo.svg"]+h2{副標題}+(ul>li{$}*3)+h2{副標題}+p>lorem4
-->

<!-- 55. Xing
h1{標題}+(p>lorem4)+img[src="https://ithelp.ithome.com.tw/storage/image/logo.svg"]+h2{副標題}+(ul>li{$}*3)+h2{副標題}+p>lorem4
-->

<!-- 56. Cate Chang
Codepen：https://codepen.io/tutz/pen/dyWXjzj
-->

<!-- 57. Nate Lu
h1{標題}+p{Lorem ipsum dolor sit!}+img[src="https://ithelp.ithome.com.tw/storage/image/logo.svg" alt="logo"]+h2{副標題}+ul>li*3>{$}+h2{副標題}+p{Lorem ipsum dolor sit!}
-->

<!-- 58.阿瓜
h1{標題}+p{Lorem ipsum dolor sit!}+img[src=""]+h3{副標題}+ul>li{$}*3^h3{副標題}+p{Lorem ipsum dolor sit!} -->

<!-- 59. Freya
emmet語法：
h1{標題}+p{Lorem ipsum dolor sit!}+img[src="https://ithelp.ithome.com.tw/storage/image/logo.svg"]+h2{副標題}+(ul>li{$}*3)+h2{副標題}+p{Lorem ipsum dolor sit!}

codepen:
https://codepen.io/iyowai/pen/qBmNMOg
-->

<!-- 60.Katie Zhao
答
h1{標題}+(p>lorem4)+img[src="https://ithelp.ithome.com.tw/storage/image/logo.svg"]+h2{副標題}+(ul>li{$}*3)+h2{副標題}+(p>lorem4)
-->

<!-- 61. Karen Huang

Ans:

h1{標題}+p{Lorem ipsum dolor sit!}>(div>img[src='https://ithelp.ithome.com.tw/storage/image/logo.svg'])+h2{副標題}+(ul>li*3>{$})+h2{副標題}+p{Lorem ipsum dolor sit!}

-->

<!-- 62. Archie
h1{標題}+(p>Lorem4)+img[src="https://ithelp.ithome.com.tw/storage/image/logo.svg"]+h2{副標題}+(ul>li*3>{$})+h2{副標題}+p>Lorem4
-->

<!-- 63. Jemma
h1{標題}+(p>Lorem4)+img[src="https://ithelp.ithome.com.tw/storage/image/logo.svg"]+h2{副標題}+(ul>li*3>{$}+h2{副標題})+p>Lorem4
-->

<!-- 64. sarah
h1{標題}+(p>lorem4)+img[src="https://ithelp.ithome.com.tw/storage/image/logo.svg"]+h2{副標題}+(ul>li{$}*3)+h2{副標題}+(p>lorem4)
-->

<!-- 65.Charles
h1{標題}+img[src="https://ithelp.ithome.com.tw/storage/image/logo.svg"]+(p>lorem4)+h2{副標題}+(ul>li*3)+h2{副標題}+(p>lorem4) -->


<!-- 66. Jessie Cheng
h1{標題}+(p>lorem4)+img[src="https://ithelp.ithome.com.tw/storage/image/logo.svg"]+h2{副標題}+(ul>li{$}*3)+h2{副標題}+(p>lorem4)
-->

<!-- 67. will
h1.title{標題}+(p>lorem4)+img[src="https://ithelp.ithome.com.tw/storage/image/logo.svg" alt="logo"]+h2.subTitle{副標題}+(ul.list>li*3{$})+h2.subTitle{副標題}+(footer>p>lorem5)
-->

<!-- 68. 沈依蓉
h1{標題}+p{Lore ipsum dolorsit!}+img[src="https://ithelp.ithome.com.tw/storage/image/logo.svg" alt="logo"]+h2{副標題}+ul>li*3{$}^h2{副標題}+p{Lore ipsum dolor sit!}
-->

<!-- 69. ellie 
h1{標題}+p>lorem4+img[src="https://ithelp.ithome.com.tw/storage/image/logo.svg" alt="logo"]+h2{副標題}+ul>li{$}*3+h2{副標題}+p>lorem4
-->

<!-- 70. Hi Annie  
codepen:https://codepen.io/lhohdalu/pen/WNjxYZv -->

<!-- 71. 阿熊 
h1{標題}+p>lorem5^img[src="https://ithelp.ithome.com.tw/storage/image/logo.svg"]+h2{副標題}+ul>li*3{$}^h2{副標題}+p>lorem5-->

<!-- 72. Meng
h1{標題}+p>lorem4^img[src="https://ithelp.ithome.com.tw/storage/image/logo.svg" alt="logo"]+h2{副標題}+ul>li{$}*3^h2{副標題}+p>lorem4-->

<!-- 73.粘勝凱
codepen:
https://codepen.io/szykttdy/pen/MWmezMv?editors=1100
-->

<!-- 74.Una(點子數位)
h1{標題}+(p>lorem4)+img[src="https://ithelp.ithome.com.tw/storage/image/logo.svg" alt="logo"]+h2{副標題}+(ul>li*3{$})+h2{副標題}+(p>lorem4)
-->

<!-- 75. 阿和
h1{標題}+(p>lorem4)+img[src="https://ithelp.ithome.com.tw/storage/image/logo.svg" alt="logo"]+h2{副標題}+(ul>li*3{$})+h2{副標題}+(p>lorem4)
-->

<!-- 76.黃小瑄
h1{標題}+(p>lorem4)+img[src="https://ithelp.ithome.com.tw/storage/image/logo.svg" alt="logo"]+h2{副標題}+(ul>li{$}*3)+h2{副標題}+(p>lorem4)
-->

<!--77.童筱涵
h1{標題}+p>lorem4^img[src="https://ithelp.ithome.com.tw/storage/image/logo.svg"]+h2{副標題}+ul>li*3{$}^h2{副標題}+p>lorem4 -->

<!-- 78. HarryChen
h1{標題}+(p>lorem4)+img[src=""]+h2{副標題}+ul>li{$}*3^h2{副標題}+p>lorem4 -->

<!-- 79. Erin Huang
h1{標題}+(p>lorem4)+img[src="https://ithelp.ithome.com.tw/storage/image/logo.svg"]+h2{副標題}+ul>li{$}*3^h2{副標題}+p>lorem4](https://codepen.io/ErinHuang/pen/GRmqzvO) -->

<!-- 80.黃士桓
https://codepen.io/shr-huan-huang/pen/xxdOMqw
h1{標題}+p{Lorem ipsum dolor sit!}+img[src="https://ithelp.ithome.com.tw/storage/image/logo.svg"]+h2{副標題}+(ul>li>$*3)+h2{副標題}+p{Lorem ipsum dolor sit!}
-->

<!-- 81.Carol LEE
 h1{標題}+(p>lorem5)+img[src="https://ithelp.ithome.com.tw/storage/image/logo.svg"]+h2{副標題}+(ul>li{$}*3)+h2{副標題}+(p>lorem5)
-->

<!-- 82. Luke Yan
h1{標題}+(p>lorem4)+img[src="https://ithelp.ithome.com.tw/storage/image/logo.svg"]+h2{副標題}+(ul>li{$}*3)+h2{副標題}+(p>lorem4)
-->

<!-- 83. YuriT
h1{標題}+(p>lorem4)+img[src="" height="" alt=""]+h2{副標題}+(ul>li{$}*3)+h2{副標題}+(p>lorem4)
-->

<!-- 84. 群嘉
h1{標題}+p{lorem4}+img+h3{副標題}+ul>(li{$})*3^h3{副標題}+p{lorem4}
-->

<!-- 85.yurie
h1{標題}+(p>lorem5)+img^(h2{副標題}>ul>li*3{$})+h2{副標題}+p>lorem5
-->

<!--86. Tansy
.wrap>h1{標題}+(p>lorem4)+.image>img[src="https://ithelp.ithome.com.tw/storage/image/logo.svg "]^h2{副標題}+ul>(li{$})*3^h2{副標題}+p>lorem4
-->

<!-- 87. Elaine Liu
h1{標題}+(p>lorem4)+img+h2{副標題}+ul>li*3{$}^^h2{副標題}+(p+lorem4)
-->

<!-- 88. Summer.H
h1{標題}+(p>lorem4)+img[src="https://ithelp.ithome.com.tw/storage/image/logo.svg"]+h2{副標題}+(ul>li{$}*3)+h2{副標題}+(p>lorem4)
-->

<!-- 89. Stephanie Kan
h1{標題}+p>lorem5^img[src="路徑"]+h2{副標題}+ul>li*3{$}^h2{副標題}+p>lorem5
-->

<!-- 90. shanglin
h1{標題}+(p>lorem4)+img[src="https://ithelp.ithome.com.tw/storage/image/logo.svg"]+h2{副標題}+(ul>li{$}*3)+h2{副標題}>(p>lorem4)

<!-- 92. Jerry Yen
https://codepen.io/JerryYen/pen/XWRjmPa?editors=1100
h1{標題}+p>lorem4^img[src="https://ithelp.ithome.com.tw/storage/image/logo.svg"]+h2{副標題}+ul>li*3{$}^h2{副標題}+p>lorem4

<!-- 93. WilsonHan
h1{標題}+p{Lorem ipsum dolor sit!}+img[src="https://upload.cc/i1/2020/10/19/Roz01J.png"]+h2.subTitle{副標題}+ul>li{$}*3^h2.subTitle{副標題}+p{Lorem ipsum dolor sit!}
--->

<!-- 94. Louise
h1{標題}+(p>lorem4)+img[height="450" 
src="https://upload.cc/i1/2020/10/19/Roz01J.png"]+h2{副標題}+(ul>li*3{$})+h2{副標題}+p>lorem4
-->

<!-- 95. irene
答案：h1{標題}+p{lorem4}+img[src=""]+h2{副標題}+ul>li{$}*3+h2{副標題}+p{lorem4}
-->
<!-- 96. Moose
h1{標題}+p{lorem4}+img[src=""]+h2{標題}+ul>li{$}*3+h2{副標題}+p{lorem4} -->

<!-- 97. Alberto
https://codepen.io/AlbertoLL/pen/rNmMLbG
-->

<!-- 98.Shani 
https://codepen.io/ShaniMa/pen/xxdEgGq?editors=1010-->

<!-- 99. Carol Li
答案：
h1{標題}+(p>lorem5)+img[src="https://ithelp.ithome.com.tw/storage/image/logo.svg"]+h2{副標題}+(ul>li{$}*3)+h2{副標題}+p>lorem5
-->
<!-- 100. anna
https://codepen.io/annhys/pen/VwbKpKO?editors=1100
-->

<!-- 101. jimmyFang
 答案:   h1{標題}+(p>lorem4)+img[src="https://fakeimg.pl/96x96/" alt="pic"]+h2{副標題}+(ul>li{$}*3)+h2{副標題}+(p>lorem4)
-->

<!-- 102. Calon
    h1{標題}+(p>lorem4)+img[src="https://upload.cc/i1/2020/10/19/Roz01J.png" alt="IT邦logo"]+h2{副標題}+(ul>li*3{$})+h2{副標題}+(p>lorem4)
-->

<!-- 103. 魚魚
 h1{標題}+(p>lorem4)+img[src="https://ithelp.ithome.com.tw/storage/image/logo.svg" alt="IT邦"]+h2{副標題}+(ul>li{$}*3)+h2{副標題}+(p>lorem4)
-->

<!--104. Zooey Cheng
h1+p{lorem4}+img[src="https://ithelp.ithome.com.tw/storage/image/logo.svg"]+h2{副標題}>(ul>li{$}*3)^h2{副標題}+p{lorem4}

<!--105. AKI
h1{標題}+(p>lorem4)+img[src="https://ithelp.ithome.com.tw/storage/image/logo.svg"]+h2{副標題}+(ul>li{$}*3+h2{副標題}+(p>lorem4)
-->

<!-- 106. Ning
h1{標題}+(p>lorem4)+img[src="https://ithelp.ithome.com.tw/storage/image/logo.svg"]+h2{副標題}+(ul>li{$}*3)+h2{副標題}+(p>lorem4) -->

<!-- 107. Benson
h1{標題}+p>lorem4^img[src="https://ithelp.ithome.com.tw/storage/image/logo.svg"]+h2{副標題}+ul>li*3{$}^h2{副標題}+p>lorem4 -->

<!-- 108. mansonivan 

h1{標題}+(p>lorem4)+img[src="https://ithelp.ithome.com.tw/storage/image/logo.svg"]+h2{副標題}+(ul>li{$}*3)+h2{副標題}+(p>lorem4)  
-->


<!-- 109. Min Chun Tsai
    h1{標題}+p>lorem5+img[src=""]+h2{副標題}+(ul>li{$}*3)+h2{副標題}+p>lorem5
-->

<!-- 110. stepha
Codepen連結：https://codepen.io/w1112yb/pen/oNWzmVB
-->

<!-- 111. Adrian Li
    h1{標題}+p{Lorem ipsum dolor sit!}+img[src="https://ithelp.ithome.com.tw/storage/image/logo.svg"]+h2{副標題}+ul>li{$}*3^h2{副標題}+p{Lorem ipsum dolor sit!}
-->
<!-- 112. Cora
    h1{標題}+(p>lorem4)+img[src=https://ithelp.ithome.com.tw/storage/image/logo.svg]+h2{副標題}+(ul>li{$}*3)+h2{副標題}+(p>lorem4)
-->

<!-- 113.Page
    h1{標題}+p{Lorem ipsum dolor sit!}+img[src="https://ithelp.ithome.com.tw/storage/image/logo.svg"]+h2{副標題}+(ul>li*3{$})+h2{副標題}+p{Lorem ipsum dolor sit!}
    
    訂正:h1{標題}+(p>lorem4)+img[src="https://ithelp.ithome.com.tw/storage/image/logo.svg"]+h2{副標題}+(ul>li{$}*3)+h2{副標題}+(p>lorem4)
-->

<!-- 114.三隻小貓
h1{標題}+p{Lorem ipsum dolor sit!}+img[src=""]+h2{副標題}+ul>li{$}*3^h2{副標題}+p{Lorem ipsum dolor sit!}

對答案後:不清楚()的用法，需再練習
<!-- 解答：h1{標題}+(p>lorem4)+img[src="
"]+h2{副標題}+(ul>li{$}*3)+h2{副標題}+(p>lorem4)  -->


<!-- 115. Froel
    Codepen: https://codepen.io/Froel/pen/VwbmyGO

-->
<!--  116. [Jeff H](https://hackmd.io/@jeff14994/H10xDlBq_/https%3A%2F%2Fhackmd.io%2F%40jeff14994%2FS1gzIsl6u%2F%252FFF7y1GkvRZG9GoZCOdFZ0A)-->

<!-- 117. 林雨樞
CodePen: https://codepen.io/FISH0701/pen/ExmypQb
-->

<!-- 118. Jamie
h1{標題}+(p>lorem4)+img[src="https://ithelp.ithome.com.tw/storage/image/logo.svg"]+h2{副標題}+(ul>li{$}*3)+h2{副標題}+(p>lorem4)
-->

<!-- 119. Zaii Hsu
答案：h1{標題}+p{Lorem ipsum dolor sit!}+img[src="https://upload.cc/i1/2020/10/19/Roz01J.png"]+h2{副標題}+ul>li{$}*3^h2{副標題}+p{Lorem ipsum dolor sit!} -->

<!-- 120. Oober
答案：h1{標題}+p{Lorem ipsum dolor sit!}+img[src="https://upload.cc/i1/2020/10/19/Roz01J.png"]+h2{副標題}+ul>li{$}*3^h2{副標題}+p{Lorem ipsum dolor sit!} -->
<!-- 121. yellamoon
答案：h1{標題}＋(p>lorem4)+img[src="http://www.w3.org/2000/svg" alt="it邦幫忙"]+h2{副標題}＋（ul>li{$}*3)+h2{副標題}＋(P>lorem4) 
[](https://codepen.io/pwbzvqja/pen/JjNEvQm)
 -->
 

 <!-- 122. 鉦勝
答案：h1{標題}+(p>lorem4)+img[src='https://upload.cc/i1/2020/10/19/Roz01J.png']+h2{副標題}+(ul>li{$}*3)+h2{副標題}+p>lorem3 -->

<!-- 123. Jim Hwang
答案：h1{標題}+p>lorem5^img[src="https://ithelp.ithome.com.tw/storage/image/logo.svg"]+h2{副標題}+ul>li{$}*3^h2{副標題}+p>lorem5 -->

<!-- 124. Stacey Huang
https://codepen.io/staceyhuang/pen/WNjprje?editors=1010
答案:h1{標題}+(p>lorem4)+img[src="https://ithelp.ithome.com.tw/storage/image/logo.svg"]+h2{副標題}+(ul>li{$}*3)+h2{副標題}+p>lorem4
-->
<!--125.袁祥恩 https://codepen.io/ovfxsavp-the-bashful/pen/WNjpmNX?editors=1000 -->

<!--126.Tori
emmet縮寫：
h1{標題}+p{Lorem4}+img[src="https://ithelp.ithome.com.tw/storage/image/logo.svg" alt="logo"]+h2{副標題}+(ul>li*3{$})+h2{副標題}+p{Lorem4}

連結： https://codepen.io/hayen/pen/KKmWXGZ?editors=1100
-->

<!--127.Pocky
emmet縮寫：
h1{標題}+p{lorem4}+img+tab+h2{副標題}+ul>li*3+h2{副標題}+p{lorem4}
-->

<!-- 128.Gillian
h1{標題}+p{Lorem}+img{src=“...”}+h2{副標題}+ul>li*3{$}+h2{副標題}+p{lorem}**
-->

<!-- 129. axlrock1021
CodePen: https://codepen.io/lnjbmmxo/pen/KKmmXNN
-->

<!-- 130. Joe Kuo
CodePen: https://codepen.io/alertislow/pen/zYwwpwB
-->

<!-- 131. Ruby Chiang
h1{標題}+(p>lorem4)+img[src="https://ithelp.ithome.com.tw/storage/image/logo.svg"]+h2{副標題}+(ul>li*3>{$})+h2{副標題}+p>lorem4 
-->

<!-- 132. 家齊 
h1{標題}+(p>lorem*4)+img[src="https://ithelp.ithome.com.tw/storage/image/logo.svg"]+h2{副標題}+(
ul>li*3{$})+h2{副標題}+p>lorem*4
-->

<!-- 133. Blake hung
h1{標題}+(p>lorem4)+img[src="https://ithelp.ithome.com.tw/storage/image/logo.svg"]+h2{副標題}+(ul>li{$}*3)+h2{副標題}+p>lorem4-->

<!-- 134. 文文 
 h1{標題}+p{lorem ipsum dolor sit!}+img+h2{副標題}+ul>li*3{$}+h2{副標題}+p{lorem ipsum dolor sit!}
-->

<!-- 135. Newman 
h1{標題}+(p>lorem4)+img[src="https://ithelp.ithome.com.tw/storage/image/logo.svg"]+h2{副標題}+(ul>li{$}*3)+h2{副標題}+(p>lorem4)
-->

<!-- 136. WA
h1{標題+(p>lorem4)+img[src="https://ithelp.ithome.com.tw/storage/image/logo.svg"]+h2{副標題}+(ul>li{$}*3)+h2{副標題}+(p>lorem4)}
-->

<!-- 137. ted31539
(p>lorem4)+img[src="https://ithelp.ithome.com.tw/storage/image/logo.svg"]+h2{副標題}+(ul>li{$}*3)+h2{副標題}+(p>lorem4) 
-->

<!-- 138. 聿凌
h1{標題}+(p>lorem4)+img[src=https://ithelp.ithome.com.tw/storage/image/logo.svg]+h2{副標題}+(ul>li{$}*3)+h2{副標題}+(p>lorem4) 
-->

<!-- 139. twoz
h1{標題}+p>lorem4^img[src="https://upload.cc/i1/2020/10/19/Roz01J.png"]+h2{副標題}+ul>li{4}*3^h2{副標題}+p>lorem4
-->

<!-- 140. Keep
h1{標題}+p>lorem4^img[src="https://upload.cc/i1/2020/10/19/Roz01J.png"]+h2{副標題}+ul>li{$}*3^h2{副標題}+p>lorem4
 -->
 
<!-- 141. Eason
h1{標題}+(p>lorem4)+img[src="https://upload.cc/i1/2020/10/19/Roz01J.png"]+h2{副標題}+(ul>li{$}*3)+h2{副標題}+(p>lorem4)
-->