當前位置:妙知谷 >

遊戲數碼 >電腦 >

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

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

據説高手都是使用記事本來編輯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張
  • 文章版權屬於文章作者所有,轉載請註明 https://miaozhigu.com/sm/diannao/m2qekk.html