網頁組成

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
  7. HTML標籤通常是一對的,如:<p>內容</p>或<div>文字</div>
  8. HTML標籤也有單一的,如:<img src=”a.jpg”>
  9. 標籤裡有屬性,例如:<a href=”a.html”>連結</a>,其中href即為屬性。
  10. HTML標籤及屬性是不分大小寫的:<IMG>和<img>一樣,但建議採用小寫。
  11. 英文手冊:http://www.w3schools.com/html/html5_intro.asp
  12. 中文手冊: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 動作

實作

  1. 下載範本 http://startbootstrap.com/template-overviews/freelancer/