編寫第一個HTML5文件

1.3.1 HTML文件的編寫方法
編寫HTML文件主要有如下3種方法:
手工直接編寫
由於HTML語言編寫的文件是標準的ASCII文本文件,所以我們可以使用任何的文本編輯器來打開並編寫HTML文件,如Windows系統中自帶的記事本。
使用可視化軟件
WebStorm、Dreamweaver、Sublime等軟件均可以可視化的方式進行網頁的編輯製作。
由Web服務器一方實時動態生成
這需要進行後端的網頁編程來實現,如JSP、Asp,PHP等,一般情況下都需要數據庫的配合。
1.3.2 手工編寫頁面
下面先使用記事本來編寫我們的第一個HTML文件。步驟如下:
(1)選擇“開始”→“程序”→“附件”→“記事本”
程序,如圖1.5所示。
編寫第一個HTML5文件
圖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所示。
編寫第一個HTML5文件
圖1.6顯示了代碼的記事本
(4)打開記事本菜單中的“文件→保存”命令,彈出如圖1.7所示的“另存爲”對話框。
編寫第一個HTML5文件
圖1.7“另存爲”對話框
(5)在對話框中選擇存盤的文件夾,然後在“保存類型”中選擇“所有文件”,在“編碼”中選擇UTF-8,這裏將“文件名”1-2.html,然後單擊“保存”按鈕。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章