HTML: Difference between revisions
No edit summary |
No edit summary |
||
Line 1: | Line 1: | ||
=連結= | |||
回到 [[Computer]] ‧ 回到 [[Computer: Makeuper]] | 回到 [[Computer]] ‧ 回到 [[Computer: Makeuper]] | ||
=前言= | |||
初學 HTML 有一個很重要的觀念:HTML 是用來標示文件邏輯架構用的。 | 初學 HTML 有一個很重要的觀念:HTML 是用來標示文件邏輯架構用的。 | ||
Line 13: | Line 13: | ||
對於一般製作個人網頁,或是目前流行中的網誌 (部落格、blog、weblog) 來說,其實只要知道以下幾個 HTML 標籤就夠了: | 對於一般製作個人網頁,或是目前流行中的網誌 (部落格、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 只要記<font color="red">標籤</font>就好,不必去強記屬性名稱無妨,因為以後學到 CSS 時可以用 CSS 語法來處理。 | HTML 只要記<font color="red">標籤</font>就好,不必去強記屬性名稱無妨,因為以後學到 CSS 時可以用 CSS 語法來處理。 | ||
Line 27: | Line 25: | ||
另外建議換 Mozilla Firefox 來當你的檢側用瀏覽器的原因,是因為 IE 會亂加屬性在你的網頁中,正確說是它的預設值太多事了,會讓你寫出只有 IE 才會顯示該種樣式的網頁來,所以用比較笨不會給你加一堆預設值的 Mozilla Firefox 比較好,這樣才不會偷懶,不過這樣一來你就得學會 CSS 才行了,總之先從認識 HTML 標籤開始吧。 | 另外建議換 Mozilla Firefox 來當你的檢側用瀏覽器的原因,是因為 IE 會亂加屬性在你的網頁中,正確說是它的預設值太多事了,會讓你寫出只有 IE 才會顯示該種樣式的網頁來,所以用比較笨不會給你加一堆預設值的 Mozilla Firefox 比較好,這樣才不會偷懶,不過這樣一來你就得學會 CSS 才行了,總之先從認識 HTML 標籤開始吧。 | ||
=認識 HTML 標籤= | |||
==基礎 HTML== | |||
下列幾種標籤是絕對不可不知的東西,就像數學的四則運算,這段列出來的幾個是最常用到的標籤,最基本的標籤,也是最重要的標籤。 | |||
*[[Computer: Makeuper: HTML: Barebones|HTML 骨架]] | |||
*[[Computer: Makeuper: HTML: Headings|標題]] | |||
*[[Computer: Makeuper: HTML: Paragraphs|段落內文]] | |||
*[[Computer: Makeuper: HTML: Lists|清單]] | |||
*[[Computer: Makeuper: HTML: Tables|表格]] | |||
*[[Computer: Makeuper: HTML: Images|圖片]] | |||
*[[Computer: Makeuper: HTML: Emphasis|強調文字]] | |||
==進階 HTML== | |||
*[[Computer: Makeuper: HTML: Ex01|指定圖片某一區域連向某處的語法]] | |||
*[[Computer: Makeuper: HTML: Ex02|Alt鍵加英數字鍵等按鍵的快速鍵寫法]] | |||
=HTML 注意事項= | |||
(關於濫用、錯用、配合 CSS 等等的討論?) |
Revision as of 11:50, 20 November 2004
連結
回到 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 等等的討論?)