編寫第一個HTML5文件
阿新 • • 發佈：2018-01-22
菜單 圖片 oss sublime bad log 顯示 技術分享 彈出 1.3.1 HTML文件的編寫方法
編寫HTML文件主要有如下3種方法:
手工直接編寫
由於HTML語言編寫的文件是標準的ASCII文本文件，所以我們可以使用任何的文本編輯器來打開並編寫HTML文件，如Windows系統中自帶的記事本。
使用可視化軟件
WebStorm、Dreamweaver、Sublime等軟件均可以可視化的方式進行網頁的編輯制作。
由Web服務器一方實時動態生成
這需要進行後端的網頁編程來實現，如JSP、Asp，PHP等，一般情況下都需要數據庫的配合。
1.3.2 手工編寫頁面
下面先使用記事本來編寫我們的第一個HTML文件。步驟如下：
（1）選擇“開始”→“程序”→“附件”→“記事本”
圖1.5記事本
（2）在記事本中直接鍵入下面的HTML代碼： 
圖1.6顯示了代碼的記事本
（4）打開記事本菜單中的“文件→保存”命令，彈出如圖1.7所示的“另存為”對話框。
圖1.7“另存為”對話框
（5）在對話框中選擇存盤的文件夾，然後在“保存類型”中選擇“所有文件”，在“編碼”中選擇UTF-8，這裏將“文件名”1-2.html，然後單擊“保存”按鈕。
編寫HTML文件主要有如下3種方法:
手工直接編寫
由於HTML語言編寫的文件是標準的ASCII文本文件，所以我們可以使用任何的文本編輯器來打開並編寫HTML文件，如Windows系統中自帶的記事本。
使用可視化軟件
WebStorm、Dreamweaver、Sublime等軟件均可以可視化的方式進行網頁的編輯制作。
由Web服務器一方實時動態生成
這需要進行後端的網頁編程來實現，如JSP、Asp，PHP等，一般情況下都需要數據庫的配合。
1.3.2 手工編寫頁面
下面先使用記事本來編寫我們的第一個HTML文件。步驟如下：
（1）選擇“開始”→“程序”→“附件”→“記事本”
圖1.5記事本
（2）在記事本中直接鍵入下面的HTML代碼：
01 <html>
02 <head>
03 <title>簡單的HTML文件</title>
04 </head>
05 <body text="blue">
06 <h2 align="center">HTML5初露端倪</h2>
07 <hr>
08 <p>讓我們一起體驗超炫的HTML5旅程吧</p>
09 </body>
10 </html>（3）輸入代碼後，記事本中顯示出代碼的內容，如圖1.6所示。
圖1.6顯示了代碼的記事本
（4）打開記事本菜單中的“文件→保存”命令，彈出如圖1.7所示的“另存為”對話框。
圖1.7“另存為”對話框
（5）在對話框中選擇存盤的文件夾，然後在“保存類型”中選擇“所有文件”，在“編碼”中選擇UTF-8，這裏將“文件名”1-2.html，然後單擊“保存”按鈕。
編寫第一個HTML5文件