如何用記事本寫一個簡單網頁?

作為一名UI,可能經常需要新建一個html格式的web檔案進行些簡單的測試,可是用一些安裝好的IDE開啟新建太麻煩,有沒有一種比較快速的方法可以新建一個網頁檔案呢

工具/原料

記事本

方法/步驟

在電腦桌面或你想存放檔案的位置新建一個文字檔案(滑鼠右鍵>新建>文字文件)

如何用記事本寫一個簡單網頁

修改檔名稱為index.html,回車儲存,系統會有後綴名修改提醒,點選確定,這時你會發現檔案圖示變成了你預設瀏覽器的圖示

如何用記事本寫一個簡單網頁

在檔案上右鍵>開啟方式>記事本開啟

如何用記事本寫一個簡單網頁

然後再在輸入如下文字:

如何用記事本寫一個簡單網頁

點選選單欄中的檔案,另存為,需要將檔案編碼選為UTF-8,防止開啟後出現亂碼

如何用記事本寫一個簡單網頁

點選儲存,出現如下提示,確定即可

如何用記事本寫一個簡單網頁

這樣一個簡單的html網頁檔案就新建成功了,可以往body中新增一些內容在瀏覽器中預覽,如:

如何用記事本寫一個簡單網頁

注意事項

操作步驟感覺比較複雜,但對程式碼如果熟練的化很多是可以精簡的,這裡是為了更詳細的讓大家理解

網頁, 檔案, 記事本, 網頁檔案,
相關問題答案