什麼是HTML？

HTML： 超文字標記語言，標準通用標記語言下的一個應用。

“超文字”就是指頁面內可以包含圖片、連結，甚至音樂、程式等非文字元素。

超文字標記語言的結構包括“頭”部分（英語：Head）、和“主體”部分（英語：Body），其中“頭”部提供關於網頁的資訊，“主體”部分提供網頁的具體內容。

超級文字標記語言的定義又是什麼？

超級文字標記語言是標準通用標記語言下的一個應用，也是一種規範，一種標準，它通過標記符號來標記要顯示的網頁中的各個部分。網頁檔案本身是一種文字檔案，通過在文字檔案中新增標記符，可以告訴瀏覽器如何顯示其中的內容（如：文字如何處理，畫面如何安排，圖片如何顯示等）。

網頁的本質就是超級文字標記語言，通過結合使用其他的Web技術（如：指令碼語言、公共閘道器介面、元件等），可以創造出功能強大的網頁。因而，超級文字標記語言是全球資訊網（Web）程式設計的基礎，也就是說全球資訊網是建立在超文字基礎之上的。超級文字標記語言之所以稱為超文字標記語言，是因為文字中包含了所謂“超級連結”點。

HTML特點：超級文字標記語言文件製作不是很複雜，但功能強大，支援不同資料格式的

1. 簡易性：超級文字標記語言版本升級採用超集方式，從而更加靈活方便。
2. 可擴充套件性：超級文字標記語言的廣泛應用帶來了加強功能，增加識別符號等要求，超級文字標記語言採取子類元素的方式，為系統擴充套件帶來保證。
3. 平臺無關性：雖然個人計算機大行其道，但使用MAC等其他機器的大有人在，超級文字標記語言可以使用在廣泛的平臺上，這也是全球資訊網（WWW）盛行的另一個原因。
4. 通用性：另外，HTML是網路的通用語言,一種簡單、通用的全置標記語言。它允許網頁製作人建立文字與圖片相結合的複雜頁面，這些頁面可以被網上任何其他人瀏覽到，無論使用的是什麼型別的電腦或瀏覽器。

什麼是CSS？

CSS：層疊樣式表(英文全稱：Cascading Style Sheets)是一種用來表現HTML（標準通用標記語言的一個應用）或XML（標準通用標記語言的一個子集）等檔案樣式的計算機語言。CSS不僅可以靜態地修飾網頁，還可以配合各種指令碼語言動態地對網頁各元素進行格式化。

CSS 能夠對網頁中元素位置的排版進行畫素級精確控制，支援幾乎所有的字型字號樣式，擁有對網頁物件和模型樣式編輯的能力。

CSS特點：CSS為HTML標記語言提供了一種樣式描述，定義了其中元素的顯示方式。CSS在Web設計領域是一個突破。利用它可以實現修改一個小的樣式更新與之相關的所有頁面元素。

總體來說，CSS具有以下特點：

1. 豐富的樣式定義：CSS提供了豐富的文件樣式外觀，以及設定文字和背景屬性的能力；允許為任何元素建立邊框，以及元素邊框與其他元素間的距離，以及元素邊框與元素內容間的距離；允許隨意改變文字的大小寫方式、修飾方式以及其他頁面效果。
2. 易於使用和修改：CSS可以將樣式定義在HTML元素的style屬性中，也可以將其定義在HTML文件的header部分，也可以將樣式宣告在一個專門的CSS檔案中，以供HTML頁面引用。總之，CSS樣式表可以將所有的樣式宣告統一存放，進行統一管理。另外，可以將相同樣式的元素進行歸類，使用同一個樣式進行定義，也可以將某個樣式應用到所有同名的HTML標籤中，也可以將一個CSS樣式指定到某個頁面元素中。如果要修改樣式，我們只需要在樣式列表中找到相應的樣式宣告進行修改。
3. 多頁面應用：CSS樣式表可以單獨存放在一個CSS檔案中，這樣我們就可以在多個頁面中使用同一個CSS樣式表。CSS樣式表理論上不屬於任何頁面檔案，在任何頁面檔案中都可以將其引用。這樣就可以實現多個頁面風格的統一。
4. 層疊：簡單的說，層疊就是對一個元素多次設定同一個樣式，這將使用最後一次設定的屬性值。例如對一個站點中的多個頁面使用了同一套CSS樣式表，而某些頁面中的某些元素想使用其他樣式，就可以針對這些樣式單獨定義一個樣式表應用到頁面中。這些後來定義的樣式將對前面的樣式設定進行重寫，在瀏覽器中看到的將是最後面設定的樣式效果。
5. 頁面壓縮：在使用HTML定義頁面效果的網站中，往往需要大量或重複的表格和font元素形成各種規格的文字樣式，這樣做的後果就是會產生大量的HTML標籤，從而使頁面檔案的大小增加。而將樣式的宣告單獨放到CSS樣式表中，可以大大的減小頁面的體積，這樣在載入頁面時使用的時間也會大大的減少。另外，CSS樣式表的複用更大程式的縮減了頁面的體積，減少下載的時間。

（課程從基礎語法入門，講解了HTML的常用標籤，表單，排版等實用技術，同時深入講解了CSS樣式表的使用和如何使用DIV CSS設計網頁佈局。同時還介紹CSS3.0的新特性，陰影，圓角邊框等實用案例。）

教學大綱

課時1：網際網路起源 11:44

課時2：HTML概念 10:07

課時3：標籤 10:47

課時4：HTML屬性 05:25

課時5：HTML固定基本結構 12:11

課時6：第一個網頁 07:43

課時7：工具使用 06:45

課時8：標題 06:52

課時9：基本標籤 11:05

課時10：影象IMG標籤 10:07

課時11：路徑概念 15:33

課時12：超級連結 12:10

課時13：列表 05:12

課時14：表格 24:24

課時15：表單 08:27

課時16：文字框 06:27

課時17：密碼框 06:38

課時18：單選 06:55

課時19：複選框 03:38

課時20：下拉選單 07:29

課時21：上傳 02:22

課時22：多行文字 04:41

課時23：提交按鈕 06:01

課時24：重置按鈕 03:14

課時25：CSS介紹 23:45

課時26：DIV和SPAN標籤介紹 08:51

課時27：CSS樣式規則 04:24

課時28：CSS樣式載入方式 28:01

課時29：CSS選擇符 32:29

課時30：偽類 09:18

課時31：顏色 06:59

課時32：背景 07:23

課時33：33文字 06:44

課時34：字型 05:51

課時35：列表 05:20

課時36：CSS表格 07:39

課時37：div和span區別 06:44

課時38：盒子模型概念 11:03

課時39：盒子模型屬性介紹camrec 12:00

課時40：盒子模型屬性和預設值編寫camrec 17:18

課時41：display屬性和例項 39:46

課時42：浮動與清除浮動 16:40

課時43：浮動案例 14:24

課時44：圖層的定位 15:37

課時45：影象的背景 08:01

課時46：背景顏色 06:17

課時47：影象的透明 04:44

課時48：漸變 05:36

課時49：圓角 07:17

課時50：陰影 07:25

課時51：準備工作 09:34

課時52：頂部 33:19

課時53：搜尋區域 17:01

課時54：廣告區域 02:35

課時55：主區域 13:33

課時56：點評區域 21:03

課時57：腳部資訊 03:56

課程目標

• 掌握HTML使用和CSS的使用

適合人群

• 0基礎人群