简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首頁 > 開發工具 > Notepad > 主體

notepad怎麼編輯html程式碼

angryTom
發布： 2019-08-16 13:17:58
原創
5726 人瀏覽過

notepad怎麼編輯html程式碼

notepad 是用來製作HTML最常用的軟體之一，但對於第一次使用的人來說，還是不太熟悉，接下來我用一個實例介紹流程，希望可以對大家有幫助。

推薦教學：notepad使用教學

#1、先開啟notepad 軟體，如圖所示。

notepad怎麼編輯html程式碼

2、將下面的一列程式碼複製貼上到軟體裡面

<!doctype html>
<html>
<head>
<meta charset="utf-6">
<title>元代山水画</title>
</head>
<body>
  <h1>元代山水四大家</h1>
  <p>“元四大家”在明代中叶被认为是：赵孟頫、黄公望（字子久，号大痴道人）、王蒙（字叔明，号黄鹤山樵）、吴镇（字仲圭，号梅花道人）。</p>
  <a href="https://baike.baidu.com/item/%E5%85%83%E5%9B%9B%E5%A4%A7%E5%AE%B6/3982068?fr=aladdin">更多信息</a>
  </body >
  </html>
登入後複製

notepad怎麼編輯html程式碼

3、點擊如圖所示的【保存】圖標，將代碼保存，保存之後【保存】圖片變為綠色。彈出窗口，選擇儲存位置，點選【儲存】。

notepad怎麼編輯html程式碼

4、為已儲存的檔案重新命名，將後綴變成HTML。

notepad怎麼編輯html程式碼

5、按滑鼠右鍵，選擇【開啟方式】，之後選擇開啟檔案所使用的瀏覽器。

notepad怎麼編輯html程式碼

6、檔案開啟如圖所示，可以看到程式碼都消失了。

notepad怎麼編輯html程式碼

以上是notepad怎麼編輯html程式碼的詳細內容。更多資訊請關注PHP中文網其他相關文章！

相關標籤：
notepad
來源：php.cn
上一篇：notepad怎麼美化程式碼 下一篇：notepad怎麼註解快捷鍵
本網站聲明
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
作者最新文章
最新問題
notepad+寫好的html，打開就是這樣了。為什麼，大神們 notepad+寫好的html，打開就是這樣了。為什麼，大神們
來自於 2020-03-11 16:29:29
0
2
943
notepad+++如何進行分列對齊 （切割對齊 INSERT INTO (c1,c2,c3,c4,c5,c6) tableselect a,b,c,d,e,f from table INSERT INTO (c1,c2,c3,c...
來自於 2019-09-25 13:31:49
0
0
2361
請大家推薦一個好用的php程式碼編輯器 目前用的是notepad++目前遇到的幾個不方便的地方是：1：儲存檔案的時候不能設定直接儲存為php後戳的檔案還要自己輸入名稱和後戳2：我想程式碼寫好儲存後點擊工具頂部運行看實際運...
來自於 2019-07-31 16:53:20
0
3
1018
請問一下用notepad++可以照著你這樣來編嗎？為什麼我用notepad++編輯的時候那個容器那裡顏色是黑的，不會像其他變數那樣變顏色。 <!DOCTYPE html> <html> <body>  <head>  <title>汽車線上租賃</tit...
來自於 2019-04-12 23:09:36
0
2
1261
notepad++怎麼設定偵錯php程式碼？ 剛下載了notepad++，不會調試，各位大佬幫忙回覆一下，感謝                           &nbsp
來自於 2019-03-04 20:05:28
1
2
1307
相關專題
更多>
熱門推薦
熱門教學
更多>
相關教學
熱門推薦
最新課程
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網：公益線上PHP培訓，幫助PHP學習者快速成長！