HTML

From TestingMediawiki
Revision as of 11:50, 20 November 2004 by Ahtwang (talk | contribs)
Jump to navigation Jump to search

連結

回到 Computer ‧ 回到 Computer: Makeuper

前言

初學 HTML 有一個很重要的觀念:HTML 是用來標示文件邏輯架構用的。

舉例來說,文章通常會有標題、作者、日期、章節、註解、表格、圖片……等等,這些我們並不會寫明,而是在閱讀的時候,自己就會分得出「這一行是作者的名字」、「這一行是文章標題」、「這一塊是表格」等等。當然,用「第一章」、「第二章」這樣的章節標題也是可以的。這就是文章的邏輯架構。把邏輯抽離之後,整篇文章就只是一堆文字的組合了。

HTML 和 CSS 配合的方式,就是讓 HTML 來指出「這一堆東西是文章標題」、「這一堆東西是文章內文」、「那一堆東西是章節大標」、「那一堆是章節次標」……等等;然後在 CSS 樣式表裡面,再用 CSS 語法來指定「只要是文章標題的東西,就用這個格式」、「只要是文章內文的東西,就用如此字型」、「只要是章節大標的東西,就加上這樣的樣式」……。

對於一般製作個人網頁,或是目前流行中的網誌 (部落格、blog、weblog) 來說,其實只要知道以下幾個 HTML 標籤就夠了:

  • h1、h2、h3、h4:h1 是最大的標題、h2 次之,依此類推
  • p:文字段落
  • img:圖片
  • table、tr、td、th:用來製作表格、存放表格資料用
  • ul、ol、li:編號和項目符號的清單
  • dt、dd:定義清單
  • 一些特殊的標籤:html、head、meta、title、body 等等

HTML 只要記標籤就好,不必去強記屬性名稱無妨,因為以後學到 CSS 時可以用 CSS 語法來處理。

另外建議換 Mozilla Firefox 來當你的檢側用瀏覽器的原因,是因為 IE 會亂加屬性在你的網頁中,正確說是它的預設值太多事了,會讓你寫出只有 IE 才會顯示該種樣式的網頁來,所以用比較笨不會給你加一堆預設值的 Mozilla Firefox 比較好,這樣才不會偷懶,不過這樣一來你就得學會 CSS 才行了,總之先從認識 HTML 標籤開始吧。

認識 HTML 標籤

基礎 HTML

下列幾種標籤是絕對不可不知的東西,就像數學的四則運算,這段列出來的幾個是最常用到的標籤,最基本的標籤,也是最重要的標籤。

進階 HTML

HTML 注意事項

(關於濫用、錯用、配合 CSS 等等的討論?)