:::
1. 認識HTML、CSS
2. HTML基礎
一、網站伺服器是如何運作的?
二、HTML基本概念
- HTML的檔案為純文字檔，副檔名為.html或htm，瀏覽器即可讀取HTML檔。
- HTML標籤通常是一對的，如：<p>內容</p>或<div>文字</div>
- HTML標籤也有單一的，如：<img src=”a.jpg”>建議寫成<img src=”a.jpg” />
- 標籤裡有屬性，例如：<a href=”a.html”>連結</a>，其中href即為屬性。
- HTML標籤及屬性是不分大小寫的：<IMG>和<img>一樣，但建議採用小寫。
- HTML是一種非常寬鬆的語法，寫錯也不會導致瀏覽器掛掉。
三、教瀏覽器怎麼讀您做的網頁
- DTD 是「文件類型定義」（document type definition）的縮寫。
- Strict採嚴格定義，禁止使用過時語法；Transitional採寬容定義，允許使用過時語法；Frameset則是frame網頁使用。
- 瀏覽器讀網頁的二種模式：「標準模式」和「相容模式」，DTD中有網址的為「標準模式」，反之為「相容模式」。
- 標準模式 CSS padding寬度外加，相容模式 CSS padding寬度內含。
- 一般使用<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">即可。
四、HTML基本頁面標籤
- <html></html>一整個HTML頁面
- <head></head>通常裡面會有meta標籤，及<title></title>來設定頁面名稱3. <body></body>主要內容區。其屬性有alink（點擊連結顏色）、background（背景圖）、bgcolor（背景色）、link（連結顏色）、text（內文顏色）、vlink（已連結顏色），但這些屬性是被棄用的（建議用CSS取代），因此DTD為Strict時，align將失效
五、HTML基本標籤
- 標題：<h1></h1>（1~6）搜索引擎會用標題做為網頁結構與內容編制索引。
- 段落：<p align=”center”></p>，align 屬性值有left、right、center、justify
- 換行<br />；註釋標籤：<!--註釋-->；水平線<hr />。
- 文字相關：<b>粗體、<big>放大字體、<em>強調、<i>斜體、<small>縮小字、<strong>強調、<sub>下標、<sup>上標、<del>刪除。
- 輸出標籤：<pre>
六、HTML被棄用的標籤與屬性
- 被棄用標籤：<center> 置中、<font>和<basefont>HTML字體、<s>和<strikeout>刪除、<u>底線
- 被棄用屬性：align對齊方式、bgcolor背景色、color文字顏色
