本章提要

什麼是 HTML 如何製作 HTML 文件 瀏覽器與 HTML 文件的關係

HTML 與網頁的關係

HTML 與網頁的關係

HTML 文件結構

在 HTML 文件中由小於 "<" 及大於 ">" 符號所組成的記號稱為標籤 (tag) 。

原來 HTML 文件不過就是和一般文字檔一樣 , 只是文字中夾雜一些特定的 HTML 標籤。當瀏覽程式在讀取我們的 HTML 文件時 , 就會依照各標籤所代表的意義 , 將其後的文字做出不同的特殊效果。

設定標題文字

設定標題的標籤共有 6 個 , 分別是 <H1> 、 <H2> 、…至 <H6>, 數字愈大 , 所顯示的文字愈小：

對齊文字

<P ALIGN> 設定對齊方向

<HR> 標籤的變化

<HR> 標籤的變化

<IMG SRC=" 圖片檔的 URL">

<IMG SRC=" 圖片檔的 URL">

建立超連結

在 HTML 文件中要建立超文字連結的標籤為 <A> 標籤 (Anchor), 其使用方式如下：

建立超連結

例如要建立一個連向旗標公司首頁的連結 , 其做法如下：

建立超連結

在 <A> 和 </A> 標籤之間的旗標公司就會被瀏覽器以藍色的文字加上底線顯示 , 同時只需在這幾個字上按一下 , 便可直接上該網站：

為什麼要懂 HTML

必須對這個網頁的基本構成要素有一定瞭解 , 因為就算使用所見即所得 (What You See Is What You Get) 的工具來製作 , 最終的製作成果也都是存成 HTML 檔。

有些特效是網頁製作軟體無法做出的 , 只要通 HTML, 這時就可以自己動手編輯 , 將所需的效果設計出來。