第三篇
HTML教學
網頁研習室 第一節
基本架構
 
為何要使用記事本寫網頁
很抱歉!
如欲取得完整研習資料,需加入教材教學會員
需要者,請按上方索取教材,感謝您的支持!
注意:
雖然語法允許可以像這樣大小寫亂湊
但為了整體好認及編輯習慣
建議架構使用大寫標籤,其他使用小寫標籤。
注意:
副檔名使用 *.htm 或 *.html 兩者的差別是
一、因早期電腦只有 16 位元,故只能使用 3 位數字的副檔名
二、為了方便起見一般檔名,建議少寫一個字會省事吧!。
注意:
雖然您可能不小心,沒有按照層次來寫
測試時可能也會顯示正常的網頁
但是,如果涉及到比較複雜的包覆
很抱歉!您可能要花更多時間來找錯誤的地方了。
注意:
在 PC 上雖然使用中文或英文大寫,都可以正常瀏覽
但是,如果您的主機剛好採用的是 Liunx 系統
很抱歉!您的網頁可能就無法顯示正常喔。
注意:
所以我們在編輯路徑時
記得要使用
由右往左斜的 / 路徑符號喔。
不使用功能強大的 (FrontPage & Dreamweaver ...) 編輯器有七個主要理由?
如何使用我的教材資料?
如何使用記事本 (NotePad) 編輯網頁。 內附影片教學
教學或教材會員請注意:
如果您已將整個光碟資料搬到電腦內
步驟 1 ~ 4 我已幫您完成
如果您未將整個資料搬到電腦內
請自己另外建立 webpage 及 practice 子目錄
所有檔名記得都要全部使用英文小寫喔。
注意:
現在看到空的內容?
是因為我們還沒輸入文件資料喔。
請按上面選單[電子報三]
肆、網站製作經驗
第三篇如何使用記事本。
如果你使用的是 IE8 或 Mozilla Firefox 瀏覽器,請查看這篇如何變更瀏覽器檢視原始碼編輯器 進入學習
有關撰寫 HTML 文件注意事項:(這些基本觀念很重要,請仔細看喔!)
標籤中的英文指令,可以不分大小或合併使用,例如 <html> 可以寫成 <HTML><hTmL> 等等
完成一份 HTML 文件後,記得把資料格式,儲存為 *.htm 或 *.html 副檔名
同一文件可同時使用不同標籤包覆,需具有【相互對稱】的層次,避免重複或倒置
目錄或檔案名稱,養成使用英文小寫字母或阿拉伯數字習慣,避免使用中文或全形字體
虛擬主機工作站上的路徑符號和 PC 不同,網路上看到的是 "/"PC 用的則是 "\"
同一份 HTML 文件,在不同IE 專用NC 專用 ... 瀏覽器,所顯示的網頁畫面可能會有些差異,這點您必須瞭解。
有些標籤在不同瀏覽器上會失效,例如閃爍文字可在NC 專用中顯現效果,但IE 專用則不行,您應該避免使用。
還有瀏覽器只認識標籤,所以鍵盤上的 (Enter) 鍵、(Space) 鍵、(Tab) 鍵所做的空格動作,瀏覽器是不會幫您處理的。
這些撰寫 HTML 文件需注意事項,在後面各節會有更多的說明來提醒您,在此先讓您有個初步認識。