11124物聯網系統設計應用 Week02 學習日誌
任課老師： 王曉璿
學 生： 謝友棣
學 號：ADT108131
一、課程摘要
1. HTML基本概念與語法
2. 加入CSS裝飾
3. 設定CLASS跟DIV
4. 分別設定CLASS與DIV的CSS
二、課程網路資源
1. HTML 線上學習網站
https://www.w3schools.com/html/default.asp
2. HTML5 CSS 線上學習網站
https://www.w3schools.com/css/default.asp
3. VSCode - 好用功能 feat.快捷鍵大全
https://ithelp.ithome.com.tw/articles/10202305
4. 在Visual Studio Code直接開啟html於瀏覽器
https://matthung0807.blogspot.com/2017/11/visual-studio-codehtml.html
三、課程重要指令語法摘要
1.【HTML Basic】： <!DOCTYPE html>、<html> </html>、<body> </body>。
2.【HTML Heading】： <h1></h1>
...<h6></h6>。
3.【HTML Links】：<a href="https://www.w3schools.com/">顯示超連結內容</a>
4.【HTML
Image】：<img src="pic_trulli.jpg" alt="Italian Trulli">
5.【HTML Video】：
<video width="320" height="240" controls>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
Your browser does not support the video
tag.
</video>
6.【HTML 連結外部css】：<head><link rel="stylesheet"type="text/css" href="mystyle.css"
/></head>
四、學習心得
來到第二周，老師教導html的基礎設置，並且加入css的配置，讓網耊看起來不這麼的單調、乏味!