HTML 編輯器

HTML 編輯器

可以使用專業的HTML 編輯器來編輯HTML,php中文網為大家推薦幾款常用的編輯器:

Notepad++:https://notepad- plus-plus.org/(也可以在百度,360軟體庫下載)

Sublime Text:http://www.sublimetext.com/

HBuilder:http://www .dcloud.io/

你可以從以上軟體的官網下載對應的軟體,依步驟安裝即可。

接下來我們將為大家示範如何使用Notepad++工具來建立 HTML 文件,其他兩個工具操作步驟類似。

個人用的是Notepad++,所以介紹這款編輯器的使用:

Notepad++

Notepad++是Windows作業系統下的一套文字編輯器(軟體版權許可證: GPL),有完整的中文化介面及支援多國語言編寫的功能(UTF8技術)。

第一步:桌面點開軟體,進入編輯器,Ctrl+N新建頁面,也可以手動新建,如下圖:

QQ图片20161010140831.png


第二步:建立完成就可以開始編輯

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>这里是网站的标题</title>
</head>
<body>
<h2>这里是网页标题</h2>
<p>这里是网页的文章段落内容</p>
</body>
</html>


QQ图片20161010141316.png

#第三步:另存為HTML 文件

然後選擇" 檔案(F)->另存為(A) ",檔案名稱為php.html:

當您儲存HTML 檔案時,既可以使用.htm 也可以使用.html 副檔名。兩者沒有區別,完全根據您的喜好。

在一個容易記憶的資料夾中儲存這個文件,例如 php

第四個步驟: 在瀏覽器中執行這個HTML 檔案.

啟動您的瀏覽器,然後選擇"檔案"選單的"開啟檔案"命令,或直接在資料夾中雙擊您的HTML 檔案,

運行顯示結果類似如下:

QQ图片20161010142516.png


檔案儲存後在桌面上顯示,若想再編輯,滑鼠點選右鍵,用Notepad++開啟就可以接著編輯了。


繼續學習
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>这里是网站的标题</title> </head> <body> <h2>这里是网页标题</h2> <p>这里是网页的文章段落内容</p> </body> </html>