11324物聯網系統設計應用 Week02 學習日誌
任課老師：王曉璿
學 生：林品彤
學
號：ADT110143
一、課程摘要
1. HTML5網頁文字顏色應用
2. HTML CSS 基本介紹
3. HTML CSS 基本應用+功能測試
4. HTML CSS 功能設計(搜尋與參考網路有關個人Blog網頁案例&製作個人的Blog網頁)
二、課程網路資源
1. W3school：https://www.w3schools.com/
2. ChatGPT：https://chatgpt.com/
3.
三、課程重要指令語法摘要
《網頁標籤CSS的設定方式》
A.直接在資料標籤內設定CSS 顯示格式。
如:
<h1 style="color:blue;margin-left:30px;">This is a
heading</h1>
B.以 CSS 格式針對不同的標籤、ID、或 class,在 <head>
...</head>內，以 <style>
...</style>進行格式設定。
如:
* 針對單一標籤: h1 {color:red;
font-size:12px;}
* 針對多個標籤: h1,h2,p {color:red;
font-size:12px;}
* 針對標籤的ID: #myID {color:red;
font-size:12px;}
* 針對標籤的Class: .myClass {color:red; font-size:12px;}
C.將 css 格式存成外部檔案，如: xxx.css，不可包括任何 html 格式，只能有 CSS格式。如:
body {
background-color: lightblue;
}
h1 {
color:
blue;
margin-left: 20px;
}
然後在網頁的 <head>...</head>設定連結，如:
<head>
<link rel="stylesheet"
type="text/css" href="mystyle.css"
/>
</head>
四、學習心得
藉由ChatGPT的幫助一步一步完成自己的blog，很有成就感，將來也希望能持續製作作品集blog，變成自己未來出社會的工具，而不是只是作業而已。