---
# System prepended metadata

title: 'Web 101 (20220209/09:30):'
tags: [web, ' git', ' 101']

---

---
tags: web, git, 101
---
# Web 101 (20220209/09:30):


## :memo: Todo List

1. Introduction
2. 學習資源
3. Make your first web page
4. 練習
5. What is git?
6. Register a Github account!
7. How to use git?
8. Push your first commit!
### 1. Introduction

![](https://i.imgur.com/9lUUXZf.jpg)
HTML:
https://www.fooish.com/html/tag.html

CSS: 包裝紙

JS: 能夠在瀏覽器運行的程式語言

### 2. 學習資源 
   https://www.fooish.com/html/
   https://www.w3schools.com/html/
   https://codepen.io
### 3. Make your first web page
### 4. 練習
* https://demo.w3layouts.com/demos_new/template_demo/27-02-2019/key-demo_Free/282453819/web/index.html
* https://getbootstrap.com/docs/5.1/examples/sign-in/
* https://booking.u-movie.com.tw/
* https://www.frontendmentor.io/challenges?types=free,free-plus
* https://www.hakkaelearning.org/
* https://codier.io/challenge/BJ4kgIlgD

練習：
![](https://i.imgur.com/SYJ7amy.png)

```

<style>
    .my-first-text{
        color: blue;
    }
    div{
        text-align: right;  /* balalalalal */
    }
    #main{
        text-align: center;
    }
    .totmato{
        background-color: red;
        width: 50px;
        height: 50px;
        padding: 10px;
        border-width: 5px;
        border-color: pink;
        border-style: solid;
        margin: 10px;
        display: inline-block;
    }
</style>
<html>
    <body>
        <div class="totmato">
            Tomato
        </div>
        <div class="totmato">
            Tomato
        </div>
    </body>
</html>

```
### 5: What is git?
https://gitbook.tw/chapters/introduction/what-is-git.html

### 6: Register a Github account!

https://github.com

### 7: How to use git?

https://git-scm.com/download/win

git --version


### 8: Push your first commit!
###### git commit -m "This is my first commit"
###### git config --global user.email "email@example.com"
###### git config --global user.name "myname"
###### git commit -m "This is my first commit"
###### git add .
###### git commit -m "This is my first commit"
###### git push


