HTML editor

HTML Editor Recommendation

You can use a professional HTML editor to edit HTML. PHP Chinese website recommends several commonly used editors:

Notepad++: //m.sbmmt.com/xiazai/gongju/92[Recommended] or https://notepad-plus-plus.org/
Sublime Text: //m.sbmmt.com/xiazai/gongju/93[Chinese version recommended] or http://www.sublimetext. com/
HBuilder：http://www.dcloud.io/

You can download it from Download the corresponding software from the official website of the above software and install it according to the steps.

Next we will demonstrate how to use the Notepad++ tool to create HTML files. The steps for the other two tools are similar.

Notepad++

Notepad++ is a set of text editors under the Windows operating system (software copyright license: GPL). It has a complete Chinese language interface and supports multi-language writing. (UTF8 technology).

Step 1: Create a new HTML file

After Notepad++ is installed, select "File (F)->New (N)" and enter the following code in the new file:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
<h1>我的第一个标题</h1>
<p>我的第一个段落。</p>
</body>
</html>

微信截图_20190213115439.png

Step 2: Save as HTML file

Then select "File (F)->Save as (A)" and the file name is php.html

When you save an HTML file, you can use either the .htm or the .html extension. There is no difference between the two, it's entirely up to you.

Save this file in an easy-to-remember folder, such as php

Step 3: Run this HTML file in the browser

Start your browser, and then select the "Open File" command from the "File" menu, or double-click your HTML file directly in the folder.

The running result will be similar to the following:

Notepad++ and Sublime Text can also be used with the Emmet plug-in to increase coding speed.
Emmet official website: http://emmet.io/