1-1 HTML 的基礎概念

HTML (HyperText Markup Language) 照字面上翻譯為『超文字標示語言』，它跟一般的文書處理器不同的地方在於，它具有超文字 (HyperText)、超連結 (HyperLink)、超媒體 (HyperMedia) 的特性，透過 HTTP ( HyperText Transfer Protocol) 網路通訊協定，便能夠在世界各地透過 WWW (World Wide Web) 的架構做跨平台的交流。WWW 與 HTML 一開始是在 CERN (歐洲粒子物理實驗室) 所開始發展的，主要的目的在於讓各實驗室之間可以在網路上方便地交換研究成果，但由於 HTML 的簡單易學，馬上就席捲了全世界，造成了另一次工業革命。你只需要簡單的文書編輯軟體（例如 pe2、vi、記事本、小作家或 Word），在加上對基本 HTML 標籤的認識，就可以輕輕鬆鬆地開發出完成漂漂亮亮的個人網頁。

Hint
有關 CERN 的說明，請見 http://zh.wikipedia.org/wiki/CERN

所謂「超文字」(Hypertext) 和一般傳統文件最大的不同就是，傳統文件只能讓你循序地閱讀，而 Hypertext 藉由一些特殊標籤（例如連結）的協助，可以讓你以樹狀甚至網狀 (所以叫 Web) 來組織你的文件。標示 (Markup) 是透過在文章中插入標籤 (Tags) 來賦予文字一些特性，如標題，段落，連結等等。標籤乃是由「小於」（<）與「大於」（>）這兩個符號所括住的文字，如果想對某段文字加上特別的意義，我們只要在前後分別加上開始與結束的標籤即可，例如 

<title>這是標題</title>
所以我們只要瞭解了 HTML 的構成概念後，再將標籤的意義弄懂，便可在 HTML 的領域中自由探索。當看到別人的網站有吸引你的效果時，只要直接觀察其標籤的用法 (用瀏覽器所提供的「檢視/原始碼」功能)，你也可以做出一樣的效果來，即便這個標籤是你以前沒有學過的，只要查查這個標籤的參考資料，便能很快上手。

Hint
你可以在 http://www.w3.org 處得到 HTML 與其標籤的第一手資料。

在撰寫 HTML 的時候，我們常會用到URL (Uniform Resource Locators) 『資源定位器』來做資源與文件的存取，一個URL 包括幾個部份：

http:// www.cs.nthu.edu.tw /~jang/index.html
通訊協定 機器名稱 資源所在路徑

Hint
行話說明：所謂「文件」、「網址」、「資源」，對Web程式設計師而言，都具有相同的意義。

關於通訊協定的部份，我們常用的有：

通訊協定範例說明
httphttp://mir.cs.nthu.edu.tw讀取 WWW 伺服站的資料
httpshttps://mir.cs.nthu.edu.tw以資料加密的方式來讀取 WWW 伺服站的資料
ftpftp://ftp.cis.nctu.edu.tw
ftp://login:passwd@ftp.cis.nctu.edu.tw:port		讀取 FTP 伺服站的資料
gophergopher://gopher.csie.nctu.edu.tw讀取 GOPHER 資訊服務系統
telnettelnet://bbs.ntu.edu.tw以 TELNET 的方式連線到某台主機
newsnews://news.cs.nthu.edu.tw讀取網路論壇的討論信區
mailmailto:sonii@ms4.hinet.net寫信給某人
filefile:///C:/windows/odbc.ini
file:///C:/windows		開啟一個本機的檔案或目錄
mmsmms://a1503.v108692.c10869.g.vm.akamaistream.net/7/1503/10869/v0001/mlb.download.akamai.com/10869/2006/open/tp/archive08/083006_detnya_wang_reel_3ks_tp_350.wmv
mms://210.124.186.184/0/HIGH_MP3/360/360611.mp3
mms://liverec.ner.gov.tw/FMLive
mms://thbs.club.nthu.edu.tw/THBSlive		開啟在Windows Media Server的檔案
rtsprtsp://202.101.139.129:554/sebc2004/20040131/mnh.rm
rtsp://rmwebcast.isd.gov.hk/tvapi/chi/newarrival_c.rm 		開啟在Real Server的檔案

在接下來的課程中，我將會為大家介紹各種常用的標籤的用法。你不用現在就瞭解他們的詳細用法，只要先知道 HTML 可以提供怎麼樣的功能，將來要用時再查詢其語法即可。

一般來說，一個網域名稱的最後一碼是代表國家，例如台灣就是 tw，也就是 Taiwan 的簡稱，但在美國的網域名稱通常不加國名代碼。（當初 WWW 事先從美國發展起來，所以可能他們當初也沒想到要加國家代碼。）下表列出所有的國家代碼，以供參考（原始參考資料）：

Code = Domain Code = Domain

ad = Andorra( 安道爾共和國)
ae = United Arab Emirates(阿拉伯聯合大公國)
af = Afghanistan(阿富汗)
ag = Antigua & Barbuda (安地卡及巴布達)
ai = Anguilla(安圭拉島)
al = Albania( 阿爾巴尼亞)
am = Armenia(亞美尼亞)
an = Netherlands Antilles(荷蘭)
ao = Angola(安哥拉)
aq = Antarctica(南極洲)
ar = Argentina(阿根廷)
arpa = Old style Arpanet(舊的美國官方網路)
as = American Samoa( 薩摩亞)
at = Austria(奧地利)
au = Australia(澳大利亞)
aw = Aruba
az = Azerbaidjan(亞塞拜然)
ba = Bosnia-Herzegovina(波士尼亞)
bb = Barbados(巴貝多)
bd = Bangladesh(孟加拉共和國)
be = Belgium( 比利時)
bf = Burkina Faso(布基那法索國)
bg = Bulgaria(保加利亞)
bh = Bahrain( 巴林)
bi = Burundi(蒲隆地)
bj = Benin( 貝南)
bm = Bermuda(百慕達)
bn = Brunei Darussalam(汶萊)
bo = Bolivia(玻利維亞)
br = Brazil(巴西)
bs = Bahamas( 巴哈馬)
bt = Bhutan(不丹)
bv = Bouvet Island()
bw = Botswana(波紮那)
by = Belarus()
bz = Belize(貝里斯)
ca = Canada(加拿大)
cc = Cocos (Keeling) Is()
cf = Central African Republic(中非)
cg = Congo(剛果)
ch = Switzerland(瑞士)
ci = Ivory Coast(象牙海岸)
ck = Cook Is()
cl = Chile( 智利)
cm = Cameroon(喀麥隆)
cn = China(中國)
co = Colombia(哥倫比亞)
com = USA Commercial(用在美國商業網站後)
cr = Costa Rica(哥斯大黎加)
cs = Former Czechoslovakia(捷克斯拉夫)
cu = Cuba(古巴)
cv = Cape Verde(維德角)
cx = Christmas Island()
cy = Cyprus(塞普勒斯)
cz = Czech Republic(捷克共和國)
de = Germany(德國)
dj = Djibouti(吉布地)
dk = Denmark(丹麥)
dm = Dominica(多米尼克)
do = Dominican Republic(多明尼加共和國)
dz = Algeria(阿爾及利亞)
ec = Ecuador(厄瓜多爾)
edu = USA Educational(用在美國教育單位後)
ee = Estonia(愛沙尼亞)
eg = Egypt(埃及)
eh = Western Sahara(西撒哈拉)
es = Spain( 西班牙)
et = Ethiopia(衣索比亞)

 fi = Finland(芬蘭)
fj = Fiji(斐濟)
fk = Falkland Is(福克蘭群島)
fm = Micronesia(密克羅西尼亞)
fo = Faroe Is(法羅群島)
fr = France(法國)
fx = France (European Terr.)
ga = Gabon( 加彭)
gb = Great Britain( 大不列顛)
gd = Grenada(格瑞納達)
ge = Georgia(喬治亞)
gf = French Guyana(法屬圭亞那)
gh = Ghana( 蓋亞那)
gi = Gibraltar(直布羅陀)
gl = Greenland(格林蘭島)
gm = Gambia(甘比亞)
gn = Guinea(幾內亞)
gov = USA Government(用在美國政府單位後)
gp = Guadeloupe (French)( 哥德洛普島(法屬))
gq = Equatorial Guinea(赤道幾內亞)
gr = Greece(希臘)
= Somalia(索馬利亞)
sr = Suriname(蘇利南莫河)
st = Saint Tome & Principe()
su = Former USSR((前)蘇維埃社會主義共和國聯盟)
sv = El Salvador(薩爾瓦多)
sy = Syria(敘利亞)
sz = Swaziland(史瓦濟蘭)
tc = Turks & Caicos Is(該柯斯群島)
td = Chad(查德)
tf = French Southern Terr.()
tg = Togo(多哥)
th = Thailand(泰國)
tj = Tadjikistan(塔吉克)
tk = Tokelau(匈牙利)
tm = Turkmenistan(土庫曼)
tn = Tunisia(突尼西亞)
to = Tonga(東加)
tp = East Timor(東帝汶)
tr = Turkey(土耳其)
tt = Trinidad & Tobago( 托貝哥)
tv = Tuvalu(吐瓦魯)
tw = Taiwan(臺灣)
tz = Tanzania( 坦尚尼亞)
ua = Ukraine(烏克蘭)
ug = Uganda(烏干達)
uk = United Kingdom(大英聯合王國)
um = USA Minor Outlying Is()
us = United States(美國)
uy = Uruguay(烏拉圭)
uz = Uzbekistan(烏茲別克斯坦)
va = Vatican City State(梵蒂岡)
vc = Saint Vincent & Grenadines(格瑞納達)
ve = Venezuela( 委內瑞拉)
vg = Virgin Is (British)( 維爾京群島(英屬))
vi = Virgin Is (USA)( 維爾京群島(美屬))
vn = Vietnam( 越南)
vu = Vanuatu( 萬那杜)
wf = Wallis & Futuna Is()
ws = Samoa( 薩摩亞)
ye = Yemen(葉門)
yt = Mayotte()
yu = Yugoslavia(南斯拉夫)
za = South Africa(南非)
zm = Zambia( 尚比亞)
zr = Zaire(薩伊)
zw = Zimbabwe(辛巴威)

現在你就知道，為什麼下列幾個方式，都可以連到我的首頁：

以上是 V3URL 提供的免費轉址服務。類似的有趣網址，列出如下：
HTML 簡介與應用