編寫簡單的HTML實例

一、HTML文件的編寫方法有兩種，一種是利用記事本編寫，另一種是在Dreamweaver中編寫HTML代碼。

二、隨著Intemet的日益普及，HTML。網頁制作技術已經成為一種必要的技能。由于用HTML語言編寫的文件是ASCII文本文件，因此可以使用任意一個文本編輯器打開并編寫HTML文件，如Windows系統(tǒng)中自帶的“記事本”。

使用記事本編寫HTML_，文件的具體操作步驟如下。
(1)在Windows操作系統(tǒng)下，選擇“開始”-“所有程序”-“附件”-“記事本”命令，新建一個記事本，在記事本中輸入如圖所示的代碼。
(2)當編輯完HTML。文件后，選擇“文件”-“保存”命令，彈出“另存為”對話框，將它存為擴展名為．htm或．html的文件即可，如圖所示。
                                                                                           在記事本中輸入代碼
 

                                                                             “另存為”對話框
 
(3)單擊“保存”按鈕，這時該文本文件就保存成了HTML。文件，在瀏覽器中瀏覽，效果如圖所示。

                                                                                                                    瀏覽效果

三、Microsoft公司的FromPage，Adobe公司的Dreamweaver、GoLive等軟件均能以可視化的方式進行網頁的編輯制作。使用Dreamweaver編寫HTML頁面的具體操作步驟如下。
(1)啟動Dreamweaver CS5，新建一個空白文檔，切換到代碼視圖，輸入以下代碼。
(2)輸人完代碼后，切換到設計視圖，效果如圖所示。選擇“文件”-“保存”命令，保存文檔，即可完成HTML文件的編寫。

                                                                              設計視圖