育將電腦工作室 - 線上書籍

網頁設計好好玩(下)
==========

網頁組成
----

### HTML

1. HTML 的全名為：HyperText Markup Language (超文本 標記 語言)
2. 非程式，只是一種寬鬆的標籤語法，寫錯也不會怎樣，為網頁的最基礎。
3. HTML的檔案為純文字檔，副檔名為.html，瀏覽器即可讀取HTML檔。
4. HTML5於2014年發布正式版
5. 廣義論及HTML5時，實際指的是HTML、CSS和JavaScript在內的技術組合
6. 各瀏覽器HTML5支援：<http://www.findmebyip.com/litmus/> 或 [http://html5test.com](http://html5test.com/)
7. HTML標籤通常是一對的，如：`<p>內容</p>或<div>文字</div>`
8. HTML標籤也有單一的，如：`<img src=”a.jpg”>`
9. 標籤裡有屬性，例如：`<a href=”a.html”>連結</a>`，其中href即為屬性。
10. HTML標籤及屬性是不分大小寫的：`<IMG>和<img>`一樣，但建議採用小寫。
11. HTML的元素分為：  
   block level元素：p div table dl ul ol form h1~h6 hr pre ....  
   inline元素：a span strong   
   inline-block元素：button img input select
12. 英文手冊：[http://www.w3schools.com/html/html5\_intro.asp](http://www.w3schools.com/html/html5_intro.asp)
13. 中文手冊：<http://www.w3school.com.cn/tags/index.asp>
 
### CSS

1. CSS 的全名為：Cascading Style Sheets (層級 樣式 表)
2. CSS 是用來撰寫 / 管理網頁的外觀
 
### JavaScript

1. JavaScript 是用於客戶端的腳本語言，通常給 HTML 網頁增加動態效果
2. 直譯式程式語言
 
### HTML , CSS 與 JavaScript 的關係

1. HTML 架構
2. CSS 外觀
3. JavaScript 動作

Title1

Title2

Title3

Title1

Title2

Title3

MarkDown