本節書摘來異步社群《網頁設計與前端開發 dreamweaver+flash+photoshop+html+css+javascript 從入門到精通》一書中的第2章,第2.2節,作者: 何新起 , 任慎存 , 田月梅,更多章節内容可以通路雲栖社群“異步社群”公衆号檢視。
編寫html的方法比較簡單,可以使用任何一種文本編輯工具來編寫,比如dreamweaver、記事本等。
html是一種以文字為基礎的語言,并不需要什麼特殊的開發環境,可以直接在windows自帶的記事本中編寫。html文檔以.html為擴充名,将html源代碼輸入到記事本并儲存之後,可以在浏覽器中打開文檔以檢視其效果。使用記事本編寫html檔案的具體操作步驟如下。
選擇菜單中的【開始】|【所有程式】|【附件】|【記事本】指令,打開一個記事本,在記事本中即可編寫html代碼,如圖2-1所示。

當編輯完html檔案後,選擇菜單中的【檔案】|【儲存】指令,彈出【另存為】對話框,将它存為擴充名為.htm或.html的檔案即可,如圖2-2所示。
單擊【儲存】按鈕,儲存文檔。打開網頁文檔,在浏覽器中預覽效果,如圖2-3所示。
提示
任何文字處理器都可以用來處理html代碼,但必須記得要以.html的擴充名對其加以儲存。
使用dreamweaver建立html檔案,具體操作步驟如下。
打開dreamweaver軟體,建立一個文檔,單擊文檔中的【代碼】按鈕,打開代碼視圖,在代碼視圖中可以輸入html代碼,如圖2-4所示。
輸入代碼完成後,切換到設計視圖,效果如圖2-5所示。