Plurk FaceBook Twitter 收進你的MyShare個人書籤 MyShare
  顯示內嵌語法

第二階段【網頁製作系列報導】電子報【初學者必修篇】

初學者必修篇

第四篇
認識 HTML 語法基本架構及組成
適合程度: 初學者 一般程度 進階者 以上均宜
壹、初探神秘的HTML語法:
指引HTML英文原譯:HyperText Markup Language,中譯:超文字(件)標記(籤)語言(法)。
指引HTML在1989年時由Tim Berners-Lee所發展出來的,在1990年被WWW開始採用,並於1991年提出HTML語法的基本草稿,由於全世界的人都在使用HTML來設計網頁(WebPage)構建網站,所以HTML的語法必須統一;因此W3C(The World Wide Web Consortium)在1993年推出HTML1.0版,到了1995年2月推出HTML2.0版,在同年的10月HTML3.0版也出爐了,1997年10月已發展到HTML4.0版本。
指引HTML其實很簡單,它是由兩個部份所組成:一個是內文,另一個是標籤。
指引內文:凡是在WebPage上所看到文字,或影音、圖檔,都是內文。
空白例如:想要在WebPage上出現《這是我第一個家》這幾個字,那就直接在HTML文件中打入這些個字便可。
指引標籤(Tag):就是命令,均由簡單的英文語意組成。
空白例如:我們用鍵盤打出來的字大小都一樣,要讓它在網頁上產生不同變化,就要在HTML文件中加上標籤(命令)。
指引結論:瀏覽器只接受HTML標籤(命令),並按照標籤的指示來產生變化,所以HTML標籤是提供瀏覽器解讀用的。
指引本報相關參考資料:認識網際網路連線前往查看

貳、進一步瞭解HTML標籤:
指引HTML標籤很難嗎?其實他非常簡單,因為他們都是由一些最常見的英文字母所組成,像bodyheadcentercolor等等;如果您認得這些英文,您就應該會使用這些標籤了,不用去懂的甚麼是If...else
指引用甚麼撰寫HTML?從您自己的PC中,找到由Windows提供的NotepadWordPad,就可以作為編輯器了。
指引HTML標籤長的模樣?HTML標籤是由大於<及小於>的符號包覆住,標籤使用英文指令,且不分大小寫。
指引HTML特色?他未經編譯很容易取得,屬於結構性的標記語言,可藉由檢視得知原始碼,所以易於學習及使用;他可跨平台操作,不會因電腦不同而無法使用,更不用設定複雜的變數或呼叫副程式等邏輯觀念,不像C++Basic程式語言,那麼艱澀難懂。
指引HTML如何運作?瀏覽器在解讀HTML語法時,它只看得懂HTML語法內的控制標籤,其餘的部份瀏覽器只是負責將他們顯示出來而已;所以我們要學習如何設計WebPage,首先就必須要能了解HTML有提供那些控制標籤。
指引HTML到底是甚麼?其實HTML就是簡單的文字檔(ASCII)而已。不信?請隨便找個文字檔(*.txt),將他用另存新檔的方式,存為副檔名為.htm.html,然後用滑鼠左鍵連按兩下,便可用瀏覽器打開來看了。
指引結論:由於HTML具有以上特色,所以他並不難懂,只要略懂簡單的英文的人,都可以學會。
指引詳細標籤解說連線前往查看
指引本報相關參考資料:認識HTML連線前往查看

參、為何要學HTML,而不用強大功能的編輯(FrontPage & Dreamweaver)軟體呢?
指引這裡五個主要理由:
指引因為HTML只是純文字檔,用最簡單的Win9x以上作業系統內的記事本(NotePad)編輯器就可撰寫。
指引HTML並不多、也不難,真正常用的只有數十個;用久了自然就會,看的懂最重要。
指引HTML已發展到極限4.0版,應該不會再有更新的出現,所以您不必擔心要天天追著他跑。
指引再好的編輯器,也不能完成您心中所想要的模式;因為他是針對方便模式來設計,永遠有新版出來。
指引學會HTML語法,所有的網頁及編輯器都難不倒您;沒有他,您休想將其他程式或語言運用在網頁上。
指引結論:只有用記事本來寫網頁!您才學的會HTML語法,如果只會用ForntPage等編輯器,那您永遠也不懂HTML。
指引本報相關參考資料:為何要學習HTML連線前往查看

肆、認識HTML語法基本架構:


</font>我第一個家<font style="font-size: 12pt;color:#0000ff;background-color: #FFB6C1">



這是顯示圖文、影音的主(本)體位置