■ HTML 一般概念:
圖片參考:
http://www.hkiwc.com/lie.gif
這節將簡單介紹 HTML,欲明暸 HTML 的歷史演進及展望請看另一節【今昔HTML】。
全寫: HyperText Mark-up Language
譯名: 超文件注標式語言(譯名之一)
簡釋:一種為普通文件中某些字句加上標示的語言,其目的在於運用標記(tag)使文件
達到預期的顯示效果。
HTML 是在 SGML 定義下的一個描述性語言,或可說 HTML 是 SGML 的一個應用程式, 有關 SGML 的詳細解釋請看【今昔 HTML】
HTML 不是程式語言,如 C++ 和 Java 之類,它只是標示語言,基本上你只要明白了各種 標記的用法便算學懂了 HTML,HTML 的格式非常簡單,只是由文字及標記組合而成,於 編輯方面,任何文字編輯器都可以,只要能將檔案另存成 ASCII 純文字格式即可,當然 以專業的網頁編輯軟件為佳。
■ 閱讀須知:
這一篇【HTML剖析】偏重於標記的介紹,考慮到易懂及每節的篇幅問題,我并不按 W3C 的 HTML 分類,這可令你更易選擇有興趣的標記,其中只有【文件標記】是必讀的,其 餘可任意選擇。這一篇不會提及任何網頁編輯軟件,只要閣下掌握了 HTML ,任何網頁 編輯工具都可以變成一把利器。
■ 標記寫法:
任何標記皆由"<"及">"所圍住,如 <P>
標記名與小於號之間不能留有空白字元。
某些標記需要加上參數,某些則不必。如 <font size="+2">Hello</font>
參數只可加於起始標記中。
在起始標記之標記名前加上符號"/"便是其終結標記,如 </font>
標記字母大小寫皆可。
■ 圍堵標記與空標記:
標記按型態分為圍堵標記與空標記
圍堵標記
顧名思義,它以起始標記及終結標記將文字圍住,令其達到預期顯示效果。
例如 HTML Source : <b>Creation of Webpage</b> is my favourite.
顯示成: Creation of Webpage is my favourite.
其中 <b></b> 便稱為圍堵標記。
它以起始標記<b>及終結標記</b>標示文字 Creation of webpage ,令它顯示成粗體,兩者失其一都會發生錯誤顯示。
空標記
是指標記單獨出現,只有起始標記沒有終結標記。
例如 HTML Source:
I love Creation of Webpage.<br>It's a wonderful place.
顯示成:
I love Creation of Webpage.
It's a wonderful place.
其中換行標記<br>便屬空標記。
它的作用便是將標記後所有東西顯示於下一行,可見終結標記於它是沒意義的, 但有些人會為空標記加上終結標記,這是為方便記認而己,對 HTML 沒有影響。
■ 網上 HTML 參考資料:
HTML
http://www.w3.org/hypertext/WWW/MarkUp/MarkUp.html
http://union.ncsa.uiuc.edu/HyperNews/get/www/html.html
NCD HTML Design Guide
http://www.ncdesign.org/html/
WWW & HTML Developer's JumpStation
http://oneworld.wa.com/htmldev/devpage/dev-page.html
HTML Style Sheets
http://www.w3.org/Style/
A Beginner's Guide to HTML
http://www.ncsa.uiuc.edu/General/Internet/WWW/HTMLPrimer.html
Style Guide for Online Hypertext
http://www.w3.org/hypertext/WWW/Provider/Style/Overview.html
HTML Quick Reference
http://kuhttp.cc.ukans.edu/lynx_help/HTML_quick.html
http://www.ncsa.uiuc.edu/General/Internet/WWW/HTMLQuickRef.html
HTML Editors and Converters
http://oneworld.wa.com/htmldev/devpage/dev-page2.html
ftp://src.doc.ic.ac.uk/computing/information-systems/www/tools/translators/
Book on HTML
http://www.utoronto.ca/webdocs/HTMLdocs/NewHTML/htmlindex.html
How to Write HTML Files
http://www.ucc.ie/info/net/htmldoc.html
Composing Good HTML
http://www.cs.cmu.edu/~tilt/cgh/
HTML FAQs
http://www.umcc.umich.edu/~ec/www/html_faq.html
A List of HTML Tags.
http://www.cosy.sbg.ac.at/~lendl/tags.html
超文標示語言:HTML初步
http://www.hope.com.tw/cdmag/cd9503/1006.html
哇啦WWW出版手冊
http://r703a.chem.nthu.edu.tw/handbook/wala/wala.html
HTML 之介紹與使用
http://thccx11.cc.nthu.edu.tw/wjchou/docs/html-user.html