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

來源:酷知科普網 1.84W

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