網站首頁 健康小知識 母嬰教育 起名 運動知識 職場理財 情感生活 綠色生活 遊戲數碼 美容 特色美食 愛好
當前位置:酷知知識幫 > 遊戲數碼 > 電腦

實例教程:如何使用記事本來編寫HTML代碼

欄目: 電腦 / 發佈於: / 人氣:1.81W

據説高手都是使用記事本來編輯HTML代碼,但是比較麻煩,或者無頭緒,因此我們通過使用Dreamweaver、visual studio等軟件來編寫HTML代碼。下面,我們來看看如何使用記事本來編寫HTML代碼。

實例教程:如何使用記事本來編寫HTML代碼

操作方法

(01)新建記事本首先我們在桌面上新建一張記事本,不用重命名,如下圖所示:

實例教程:如何使用記事本來編寫HTML代碼 第2張

(02)格式然後在記事本中編寫如下代碼,該代碼是固定形式的,如下圖所示:<!DOCTUPE HTML><html> <head> </head> <body> </body></html>

實例教程:如何使用記事本來編寫HTML代碼 第3張

(03)編寫代碼然後在記事本body區域中編寫如下圖代碼:

實例教程:如何使用記事本來編寫HTML代碼 第4張

(04)另存為然後點擊標題欄中的【文件】,在彈出的下拉菜單中,點擊【另存為】,如下圖所示:

實例教程:如何使用記事本來編寫HTML代碼 第5張

(05)文件名會彈出一個窗口,在文件名中輸入【】,重點是後綴,我們知道是網頁的後綴名,如下圖所示:

實例教程:如何使用記事本來編寫HTML代碼 第6張

(06)網頁然後點擊【確定】按鈕,在桌面上會出現一個網頁,如下圖所示:

實例教程:如何使用記事本來編寫HTML代碼 第7張

(07)打開右擊該網頁,在彈出的下拉菜單中,點擊【打開】選項,如下圖所示:

實例教程:如何使用記事本來編寫HTML代碼 第8張

(08)預覽效果會在瀏覽器中顯示預覽效果,我們將瀏覽器放大四倍,如下圖所示:

實例教程:如何使用記事本來編寫HTML代碼 第9張