| 參、程式語言的應用(二) | ||
| 大家都曾使用瀏覽器去瀏覽過許多網頁，是不是很多采多姿呢？我們也來試做一個自己的網頁吧！首先需繪製所要設計的內容流程圖，再進行程式的撰寫，流程圖的基本架構如下：
|
||
| 一、HTML的製作流程 | ||
| HTML的製作流程並不難，首先要規畫好文件的內容，再以文書處理器編輯文件，運用HTML的標記語言，告訴瀏覽器圖案或文字檔放置在何處，並利用瀏覽器來做預覽測試效果，對於不滿意或不妥的地方加以修正之後，即可放到伺服器裡，HTML製作就大功告成。 那麼左編輯HTML文件時，該選擇哪種編輯器較為適當呢？由於HTML程式內容本身屬於普通的文字檔(純粹由ASCII文字結合而成的字型)，所以編輯器有很多種選擇。一般說來，只要是純文字編輯器，軌可用來編輯HTMT文件，如：DOS環境下的PE2-CPE等；或是Windows環境下的Word Pad、記事本等。不過一些特殊固定格式的編輯器(如：Word Pad)會浪費不少輸入的時間，而且必須將文件內容存成HTML的格式(即*.html或*.htm)才能使用。本節將會以Windows95中的「記事本」作為示範編輯HTML文件的編輯器。 HTML文件中可使用的標記語言繁多，市面上已有專門的HTML編輯器，它的好處在於不必死背HTML的語法，不必逐字編寫，只要按一下按鈕，所要的標記或呈現的結果就會出現在文件中或螢幕上，非常的方便。雖然如此，但對於初學者而言，最好還是先使用一般的編輯器來編輯HTML文件，主要的目的為：
|
||
| (一)能熟悉HTML的基本語法。 | ||
| (二)從觀摩中學習。 | ||
| (三)莫定使用編輯網頁軟體的良好基礎。 | ||
| 在網際網路上有許多精采的網頁作品，若能熟悉HTML的語法，就可以很容易地利用瀏覽器功能表中的，來觀看原始文件的程式碼，在多看、多學的練習方式下，將給你很多的敢發和幫助，而能編寫出精采漂亮的HTML網頁文件。 | ||
| 二、基本語法介紹與文件編寫 | ||
| HTML文件大致可分為兩部分，一是「文件標記語法」，或稱為「控制碼」；另一部分則是「資料本身」。透過各種標示語法，將資料在瀏覽器中做不同的呈現，要特別注意的是，在標記語法的使用上，英文字母不論是大寫或小寫，所代表的意義或功能都是一樣的。另外在標記語法申，一般都是以成雙成對的方式出現，而在成對的標記中，第二個標記文字前加上「/」，即可代表結束。 | ||
| (一)HTML網頁的基本整體架構 | ||
| HTML網真的基本整體架構分成五個部分，分述如下： 1.<HTML>之</HTML>：HTML網頁文件的起始與結束。 2.<HEAD></HEAD>：HTML網頁文件的起頭符號，此為程式的開頭。 3.<TITLE></TITLE>：為首頁的名稱，會呈現在瀏覽器左上方的「標題欄」中。 4.<BODY></BODY>：文件的內文主體，包含文字、圖形檔等相關資料。 5.<ADDRESS></ADDRESS>：用來定義地(位)址、簽名及作者資料，通常是在文件的開端或尾端(本項可以不使用)。 |
||