編寫第一個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所示。

 

圖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》,轉載請注明出處!!!


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM