HTML 與 網頁 簡介 -- by 蔡文能 tsaiwn@csie.nctu.edu.tw
HTML 簡單說就是一種排版語言,讓你可以描述文章以及圖片等要如何安排,以及點了會連結(Link)到何處?
HTML (HyperText Markup Language) 照字面上翻譯為『超文字標示語言』,意思就是用來標示文件的一種語言,阿就跟你說是一種排版語言啊。

網頁(Web page)其實也是文件或說是文字檔案,它跟一般的文件不同的地方在於,它具有超文字 (HyperText;超文件)、超連結 (HyperLink)、超媒體 (HyperMedia) 的特性,利用 HTTP ( HyperText Transfer Protocol) 網路通訊協定,便能夠在世界各地透過瀏覽器(Browser)做跨平台的交流。網頁與網頁之間可以互相連來連去,就形成了全球網頁資訊網(World Wide Web),簡稱 WWW。

WWW 與 HTML 一開始是由 CERN (歐洲核子物理研究組織) 發展的,主要的目的在於讓各實驗室之間可以在網路上方便地交換研究成果以節省研究經費與時間,但由於 HTML 簡單易學又有趣,馬上就席捲了全世界,徹底改變了人們的生活方式,WWW 被公認為是二十世紀最偉大的軟體發明。 (最偉大的硬體發明則公認是 USB + Falsh 快閃記憶體)。

目前的全球資訊網協會(W3C)由WWW發明人提姆·柏內茲-李於(Tim Berners-Lee)1994年10月離開歐洲核子研究組織(CERN後)成立,在歐盟執委會和國防高等研究計劃署(DARPA)的支持下成立於麻省理工學院MIT電腦科學與人工智慧實驗室(MIT/LCS),DARPA曾率先推出了網際網路及其前身ARPANET。

你只需要簡單的文書編輯軟體(例如 ApplePie、pe2、vi或vim、nano、記事本、小作家或 Word),在加上對基本 HTML 標籤的認識,就可以輕輕鬆鬆地完成漂漂亮亮的個人網頁。

很久以前必須把網頁放在伺服器網站,然後才有辦法用瀏覽器看網頁。 現在,在 PC Windows 上,只要把網頁存成 .htm 或 .html 檔案, 然後用滑鼠連點兩下就會自動把預設的瀏覽器(Browser)叫起來開啟網頁。

可以點這看我在1994年2月寫的簡單網頁設計教學(會蓋掉此頁) 點這開新窗看備用網頁
請注意: 那個時代還沒有 CSS 照樣可以把網頁做得"好像美美"的喔 !

請注意這 W3School.com (w3school.com) 與 MIT 的 W3C (w3.org) 一點關係也沒有 !

馬雲因為1995年4月接觸了 WWW 因而現在變成中國大陸的首富

8591 591 高築牆 廣積糧 緩稱王(2012年8月專訪吳聰賢)   數字科技股價

點這看用了 CSS 的 簡單神奇網頁

這個線上 HTML Editor 可讓你雙向修改查看 網頁樣子 與 網頁原始碼

  4. HTML(HyperText Markup Language) / Web Sites again 網路流量就是金錢 (03/15)
     $ ICQ 與 無名小站痞客邦 https://www.pixnet.net/城邦文化PChome網路家庭詹宏志明日報內容農場(Content Farm)賺錢分贓機制 多層次傳銷Ponzi龐氏騙局金字塔式騙局  不要被騙喔!
     $ 好的資訊架構(Information Architecture)是要讓網站使用者很容易且快速找到想要的東東 !
  5. DHTML = HTML + CSS + Javascript + DOM(把文件也當物件)   (03/22) 
     o HTML 管內容與部分排版, CSS 管排版, Javascript 臨時做一些事, DOM 讓大家好做事; 
     o FORM/CGI 讓網頁(瀏覽器端)可以和網站(伺服器端)溝通(填寫表單/送出/換新頁面)  Python 發明了 WSGI
     o AJAX 讓網頁可臨時改一小部分   看我寫的 Python + Flask 搭配 AJAX 範例
    👉從 Bull and Cow (幾 A 幾 B) 遊戲可以學到 Javascript 和 亂數(Random Number)以及 PRNG(均勻分布是啥 ?)

🏡回課程Syllabus(蓋掉此頁)
🏡🏡到課程主要講義(蓋掉此頁)