- 網頁設計與制作教程(HTML+CSS+JavaScript)(第2版)
- 劉瑞新 張兵義
- 712字
- 2020-05-28 17:43:33
1.5 創建HTML文檔
創建HTML文檔是網站制作的基礎。用任何文本編輯器(如記事本、UltraEdit、Editplus等)都能編輯制作HTML文件。為了使瀏覽器能正常瀏覽網頁,在用文本編輯器編寫好HTML文檔后,在保存HTML時,對HTML文件的命名要注意以下幾點:
● 文件的擴展名為htm或html,建議統一使用html作為文件的擴展名。
● 文件名中只可由英文字母、數字或下畫線組成。
● 文件名中不要包含特殊符號,比如空格、$等。
● 文件名區分大小寫。
● 網站首頁文件名一般是index.html或default.html。
下面使用Windows自帶的記事本快速編輯一個HTML文件,通過它來學習網頁的編輯、保存過程。
1)打開記事本。單擊Windows的“開始”按鈕,在“程序”菜單的“附件”子菜單中單擊“記事本”命令。
2)創建新文件,并按HTML語言規則編輯。在“記事本”窗口中輸入HTML代碼,具體的內容如圖1-5所示。

圖1-5 創建HTML文檔
3)保存網頁。打開“記事本”的“文件”菜單,選擇“保存”命令。此時將出現“另存為”對話框,在“保存在”下拉列表框中選擇文件要存放的路徑,在“文件名”文本框輸入以html或htm為擴展名的文件名,如first.html,在“保存類型”下拉列表框中選擇“文本文檔(*.txt)”項,如圖1-6所示。最后單擊“保存”按鈕,將記事本中的內容保存在磁盤中。

圖1-6 “記事本”的“另存為”對話框
4)在“計算機”相應的存盤文件夾中雙擊first.html文件啟動瀏覽器,即可看到網頁的顯示結果。
網頁在瀏覽后會有不滿意的地方,此時可重新在“記事本”中打開該文件進行修改。修改后,選擇“文件”菜單中的“保存”命令。如果瀏覽器沒有關閉,要在瀏覽器中看到修改后的效果,不必重新打開該文件,直接單擊瀏覽器工具欄上的“刷新”按鈕即可。
如果希望將該網頁作為網站的首頁(主頁),當瀏覽者輸入網址后就顯示該網頁的內容,可以把這個文件設為默認文檔,文件名為index.html。
- 少年輕松趣編程:用Scratch創作自己的小游戲
- 機器人Python青少年編程開發實例
- Visual Basic學習手冊
- 名師講壇:Java微服務架構實戰(SpringBoot+SpringCloud+Docker+RabbitMQ)
- Python忍者秘籍
- 蘋果的產品設計之道:創建優秀產品、服務和用戶體驗的七個原則
- OpenCV 3計算機視覺:Python語言實現(原書第2版)
- Mastering Adobe Captivate 7
- C#程序設計基礎入門教程
- TypeScript圖形渲染實戰:2D架構設計與實現
- 從零開始學Python大數據與量化交易
- Learning Alfresco Web Scripts
- The PHP Workshop
- IBM Cognos 10 Report Studio Cookbook(Second Edition)
- Responsive Web Design Patterns