客戶端第一天學習的相關知識
什麼是客戶端？
客戶端(Client)或稱為使用者端，是指與伺服器相對應，為客戶提供本地服務的程式。
第一天學習知識的總結
<!DOCTYPE>是什麼意思？
<!DOCTYPE>位於HTML第一行，在<html>標籤之前，用來告訴瀏覽器用什麼文件標準，解析這個文件是標準模式還是相容模式。如果該標籤不存在或不正確都會導致文件呈現的效果有所差異。
HTML的結構及相關學習的標籤
<html><！--根元素-->
<head><！--頭部-->
<meta charset="utf-8"><！--單標籤-->
<title>這是瀏覽網頁是顯示的標題</title><！--網頁標題-->
<!--內聯樣式-->
<style>
這兒是內聯樣式宣告屬性的區域
</style>
<！--外聯樣式：連結一個外部的 樣式名稱.css 檔案-->
<link rel="stylesheet" href="外聯的CSS樣式檔案全稱地址">
</head>
<body>//身體部分
<header><！--頁面頭部-->
<nav>導航標籤</nav>
</header>
<article><!--頁面內容-->
顯示頁面內容區域
</article>
<footer><!--頁面腳部-->
</footer>
</body>
</html>
相關基礎標籤
HTML:根元素標籤
head：頭部標籤
body:身體標籤
meta:元標籤
title:標題標籤顯示瀏覽網頁的標題
style：內聯樣式
link：外聯樣式，連結外部css樣式，例如：<link rel="stylesheet" href="test.css">
img:圖片標籤 例如：<img src="圖片路徑" alt="文字內容"> alt為img的屬性,"文字內容"為當圖片路徑找不到圖片時，將顯示的文字內容.
相關選擇器
元素選擇器:會應用導所有元素名相同的元素
例如：
p{
color：red;
}
p為相應標籤名，{}花括號內為宣告屬性,color為屬性名，red為屬性值。會應用所有p標籤。
類選擇器：選擇對應類名相同的標籤
例如：
.p{
color:red;
}
會應用到所有定義了類名為class="p"的標籤文字，顏色為紅色。注意類名都是以.開頭
ID選擇器：id標籤定義一個唯一的id
例如：
#btn{
color:red;
}
一般id定義唯一的一個，使用js的時候才會呼叫。