---
# System prepended metadata

title: 喔嗨呦
tags: [社課]

---

---
title: 2022/10/4 社課共筆
tags: 社課
---

<style>
    .owo {
        text-align: center;
    }
</style>
# <div class="owo">2022/10/4 社課共筆</div>
:::warning
- 社課簡報: 
    - [HTMLxCSS](https://hackmd.io/@Miyago9267/Hkp5LGuGo#/)
    - [Javascript](https://hackmd.io/@Miyago9267/H1LBMQdzs#/)
    - [W3School](https://www.w3schools.com/html/default.asp)
- slido:https://app.sli.do/event/kiku7pdBrBKdtfpq16Dy15
:::
https://forms.gle/kgCPWvvNGPv1QL776
![](https://i.imgur.com/BhCqJZs.png =35%x)
weeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee
# HTML
- 標記語言
- 標籤
    1. 標題 ```<h1> ~ <h6>```
    2. 段落 ```<p> w </p>```
    3. 圖片 ```<img src=https://i.imgur.com/44RREYc.png>0000000```
    <img src=https://i.imgur.com/44RREYc.png>

<center><h1>喔嗨呦</h1></center>


<style>
.navbar-brand::after { content: " x MCUOSC"; }
.fa {width:auto;height:auto;animation:animated_div 5s 1;border-radius:5px;animation-iteration-count: infinite;animation-direction: alternate;}
@keyframes animated_div{0% {transform: rotate(deg);color: #ff5050;}100% {transform: rotate(200deg);color: #ff5050;}50% {transform: rotate(0deg);color: #ff5050;}55% {transform: rotate(0deg);color: #33cc33;}70% {transform: rotate(0deg);color: #33cc33;}100% {transform: rotate(-360deg);color: #0099ff;}}
@keyframes animated_div{
0% {color: red;}
20% {color: orange;}
35% {color: #D9B300;}
50% {color: green;}
75% {color: blue;}
80%{color: purple;}
100%{color: #9F4D95;}
}
</style>