--- tags: web, 101, --- # Web 101: ## :memo: todo list 1. Introduction 2. 學習資源 3. 練習 ### 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. 作業 * 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> ```