當(dāng)前位置:軟件學(xué)堂 > 資訊首頁(yè) > 網(wǎng)絡(luò)編程 > DIV+CSS > 編寫(xiě)簡(jiǎn)單的HTML實(shí)例

編寫(xiě)簡(jiǎn)單的HTML實(shí)例

2012/11/14 16:13:50作者:佚名來(lái)源:網(wǎng)絡(luò)

移動(dòng)端

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

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

使用記事本編寫(xiě)HTML_,文件的具體操作步驟如下。
(1)在Windows操作系統(tǒng)下,選擇“開(kāi)始”-“所有程序”-“附件”-“記事本”命令,新建一個(gè)記事本,在記事本中輸入如圖所示的代碼。
(2)當(dāng)編輯完HTML。文件后,選擇“文件”-“保存”命令,彈出“另存為”對(duì)話框,將它存為擴(kuò)展名為.htm或.html的文件即可,如圖所示。
                                                                                           在記事本中輸入代碼
  在記事本中輸入代碼運(yùn)行效果


                                                                             “另存為”對(duì)話框
 “另存為”對(duì)話框運(yùn)行效果
(3)單擊“保存”按鈕,這時(shí)該文本文件就保存成了HTML。文件,在瀏覽器中瀏覽,效果如圖所示。

                                                                                                                    瀏覽效果
瀏覽效果

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

                                                                              設(shè)計(jì)視圖
設(shè)計(jì)視圖運(yùn)行效果

標(biāo)簽: 編寫(xiě)  HTML