1-1. 了解HTML、CSS、JavaScript、jQuery的關係

(1) 必須先熟悉的網頁基本組成

(2) 熟悉HTML

推薦前往參考 HTML TutorialHTML Tag Reference

  • HTML 是指 Hyper Text Markup Language。
  • HTML 是一種標籤式描述語言,目的是設計瀏覽器顯示的網頁。
  • 1982年由蒂姆·伯納斯-李建立,
    由IETF用簡化的SGML(標準通用標示語言)語法進行進展的HTML,
    後來成為國際標準,由全球資訊網協會W3C)維護。
  • 早期的HTML語法規則定義較為鬆散,後來官方標準漸漸趨於嚴格的語法,
    使用XML嚴格規則的XHTML(可延伸超文件標示語言)是W3C計劃HTML的接替者,實際上是一個獨立的、和HTML平行發展的標準。
  • 近年來W3C建議使用XHTML 1.1、XHTML 1.0或HTML 4.01標準編寫網頁,但目前已有不少網頁轉用較新的 HTML5 來編碼撰寫。
  • HTML系列的語法較鬆散,標籤名稱、屬性名稱大小寫皆可,/ 標籤結束碼有無皆可,屬性值是否加 " " 也都可以。
  • XHTML系列的語法較嚴謹,標籤名稱、屬性名稱須小寫,/ 標籤結束碼必須有,屬性值必須加上 " "。

 

※有關HTML基本觀念及歷史發展可以參考http://zh.wikipedia.org/wiki/Html

 

HTML基本架構

 

(3) 熟悉CSS

推薦前往參考 CSS TutorialCSS Reference

  • CSS是指Cascading Style Sheets,稱為"串列樣式表"或"層疊樣式表"。
  • CSS負責為網頁架構HTML標籤設計呈現的樣式。
  • CSS由樣式規則所組成。
    規則名稱由選取器組成。
    規則內容由屬性與屬性值組成。

CSS規則名稱 {
  CSS規則內容;
}

選取器 {
  屬性:屬性設定值;
  屬性:屬性設定值;
}

 

(4) 了解JavaScript

推薦前往參考 JavaScript Tutorial