---
# System prepended metadata

title: 4/26(二) 每日切版任務 - Codepen 與 HTML 標籤練習
tags: [公益程式體驗營 - 2022]

---

---
tags: 公益程式體驗營 - 2022
---

# 4/26(二) 每日切版任務 - Codepen 與 HTML 標籤練習
## 問題 

請新增一個 codepen，加入以下 HTML 標籤：
1. 一個 h1 標籤，內文寫「標題」
2. 一個 p 標籤，內文寫「段落段落段落」
3. 一個 img 標籤，到 yahoo 新聞抓一張圖片
4. 一個 a 連結，href 請連到 `https://www.google.com.tw`，內文寫「連到 Google 首頁」



## 回報流程

1. 將答案貼在 Codepen 並複製 Codepen 連結貼至「回報區」回報
（也可以將答案直接貼至「回報區」）

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

<!-- 解答：  -->


回報區
---

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


<!-- 1. 洧杰
答案：（可直接撰寫答案）
Codepen：https://codepen.io/liao/pen/XWVwZNM
-->

<!-- 2. Martin
codepen: https://codepen.io/chihsuanbjjh/pen/MWrMvzM
-->

<!-- 3. Chi
codepen: https://codepen.io/YoChi84/pen/dyJBVPV
-->

<!-- 4. 洧杰
答案：（可直接撰寫答案）
Codepen：https://codepen.io/liao/pen/XWVwZNM
-->

<!--5. 白狐
Codepen：https://codepen.io/baihu7851/pen/rNpEJom
-->

<!--6. Noy/MochiTree
Codepen : https://codepen.io/MochiCodingPen/pen/YzYoeJJ
-->

<!--7. 楓之聲
Codepen：https://codepen.io/sshane258/pen/MWrMrpL
-->

<!--8. Ryan
Codepen：https://codepen.io/ryanlu1125/pen/JjMQLye
-->

<!--9. Nara
Codepen：https://codepen.io/chou-nara/pen/popXLBL
-->

<!--10. Marco Yin
Codepen：https://codepen.io/Marcoyin/pen/bGaPKKX
-->

<!-- 11. whiteme
Codepen:https://codepen.io/whitemelee/pen/NWXZzJP
-->

<!-- 12. whatsupcc
Codepen:https://codepen.io/ccchian/pen/dyJBgqK?editors=1000
-->

<!-- 13. Bruno Yu
Codepen:https://codepen.io/bruno-yu/pen/JjMQqVp
-->

<!-- 14. 101010
Codepen:https://codepen.io/im1010ioio/pen/ZEvgzzz
-->

<!-- 15. Charlotteyc
Codepen:https://codepen.io/yachuncheng/pen/LYewPBe
-->

<!-- 16. 黑白豬
Codepen:https://codepen.io/johnny329/pen/ExoqxNE -->

<!-- 17. Sammy Huang
Codepen:https://codepen.io/fsczdlla-the-bold/pen/ZEvgYdg 
-->

<!-- 18. Henggg
Codepen:https://codepen.io/wtorzemg-the-typescripter/pen/zYpgrve 
-->

<!-- 19. 夜空
Codepen：https://codepen.io/sunnight0802/pen/VwyoaYW
-->

<!-- 20. YANSzero
Codepen：https://codepen.io/yanszero/pen/abEemKb
-->

<!--21. Crystald
Codepen:https://codepen.io/Crystaldu/pen/eYyqGZY
-->

<!--22. Sam
Codepen:https://codepen.io/hsiehld/pen/ZEvgxZx
-->

<!--23. 會飛的兔子
Codepen:https://codepen.io/0Naomi0/pen/VwyooeZ
-->

<!--24. Ruika
Codepen：https://codepen.io/Ruika998/pen/gOvYYme
-->

<!--25. Judy CHEN
Codepen:
https://codepen.io/J_u_d_y/pen/xxYKKdO
-->

<!--26. RJRS
Codepen:
https://codepen.io/RJRS/pen/YzeKxpz
-->

<!--27. Ayre
Codepen:
https://codepen.io/yichunlin09/pen/BaYBJoz
-->

<!--28. Zera888
https://codepen.io/zera888/pen/oNEvEXx
-->

<!--29. DoveLai
Codepen:
https://codepen.io/ihiwvddh-the-typescripter/pen/GRQKdpg
-->



<!--30. RayChen
Codepen:
https://codepen.io/raychen1996/pen/LYQPJbv
-->



<!--31. Amy芳
Codepen:
https://codepen.io/amy-chieng/pen/dydbxPr
-->


<!--32. Josh Chen
Codepen:
https://codepen.io/hiphop825/pen/NWyWWyW
-->

<!-- 33. Murmurline#6969
答案：
```=
<h1> 標題 <h1/>
<p> 段落段落段落 <p/>
<img  class="fit-picture"
     src="(img-src)"
     alt="怪奇玩具躺身上狂扭！貓咪傻眼放空" /> 
<a href="https://www.google.com.tw"> 連到 Google 首頁 </a>

```
Codepen:
https://codepen.io/murmurline/pen/xxYxqjM
 -->

<!--34. JustinLiu
Codepen:https://codepen.io/justin0227/pen/JjMVzXV
-->
<!--34. 鉦勝
Codepen:https://codepen.io/atckmax823/pen/rNJNpYv
-->


<!--35. 洧杰
Codepen:https://codepen.io/hexschool/pen/OJQJBYE
-->

<!--35. 靜宜 
（可直接撰寫答案）
Codepen:https://codepen.io/jamie18/pen/ExQxBPy
-->
<!--36. Iris Chen
Codepen:https://codepen.io/iris-yhc/pen/BaYyaLG
-->

<!--37.歆偊
codepen:https://codepen.io/catmoon1017/pen/ExQagpe
-->

<!--38.YC
codepen:https://codepen.io/chen771100/pen/rNJamZE
-->

<!--39.蕾蕾
codepen:https://codepen.io/vivianlin924/pen/Jjpoygz
-->

<!--40.Winnie
codepen:https://codepen.io/TzuHsuanWu/pen/MWQYreJ
-->

<!--41.尼哥
codepen:https://codepen.io/jonyworker/pen/JjpopwY
-->

<!--41.ARoNg
codepen:https://codepen.io/jeiimrpv-the-flexboxer/pen/poavaqq
-->

<!--42.Sia
codepen:https://codepen.io/Sianeko/pen/ExQaOpZ
-->

<!--43.How
codepen:https://codepen.io/howtobefine/pen/YzeXqYy
-->
<!--44.Eileen
codepen:https://codepen.io/Eileen-io/pen/WNMvxbK

<!--45.H2CO3
codepen:https://codepen.io/guan-zhen-wang/pen/dydoXGO

<--46.BecyYo
codepen:https://codepen.io/bearbecky/pen/xxYVoGa

<--46.DING D
codepen:https://codepen.io/dingy-xiao/pen/BaYzZER?editors=1000