酷知百科網

位置:首頁 > 遊戲數碼 > 電腦

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

電腦1.87W

據說高手都是使用記事本來編輯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張