LINLI: HTML教學(一)

(一)前言

你一定是很奇怪，不是敎網頁設計，幹麻學這個有的沒有的東西。

其實網頁設計分成兩部份:

第一部份設計

第二部份程式

有些時候工作會刻意切開這兩部份，結果後來的情形往往不好設計的人不瞭解程式，很糟糕，如果台灣產業分工可以分的很細那這個問題確實可以解決。重點是台灣不是，既然要開始學網頁設計，就不得不從HTML開始了解。

這是HTML在危機百科上的解釋

先解釋一下什麼是網頁。

網頁其實也只是文字、圖片，後來有些人會放影片音樂動畫(我們可以把這些東西統一稱為"素材")。

把這些東西結合在一起需要統一的格式，HTML就是這個格式，要有一個可以解讀他的軟體，這軟體就是瀏覽器(IE、FireFox、Chro me、Safari...等)。

我們要用一種瀏覽器可以解讀的語言告數瀏覽器哪邊放文字哪邊放圖片。最基本的語言就是HTML。

其他還有CSS、Javascript這三種語言是瀏覽器原來就可以讀懂的語言，這三種語言也可以稱為前端程式，就是瀏覽器可以自己解讀的程式語言。

另外你可能會聽說過FLASH、JAVA、Sliverlight。這些都需要安裝另外的環境，才能在連覽器上被看到FLASH要安裝Flash Player、 Java要裝java runtime、當然Sliverlight也要安裝。

HTML格式其實很簡單，他是由一組成對的標籤組成的，每一組標籤有他的意義(所以HTML又稱為標籤語言，XML同樣式標籤語言)。

一個網頁會有四個大部分:

1.宣告 :

2.html標籤:

3.檔頭(檔案開始的意思)

4.內文(真的會讓大家在瀏覽器看到的地方)

整個結構會是這樣的

我們來看一下日本設計大師原哲哉的網站:

請使用chrome瀏覽器開啟，按下快捷鍵:Ctrl+shif J (這是chrome瀏覽器給網頁開發者著的工具) 你可以看到上面的基本結構