HTML editor

HTML Editor

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

Notepad++: https://notepad- plus-plus.org/ (can also be downloaded from Baidu and 360 software libraries)

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

HBuider: http://www .dcloud.io/

You can 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.

I personally use Notepad++, so I will introduce the use of this editor:

Notepad++

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

Step one: Open the software on the desktop, enter the editor, Ctrl+N to create a new page, or you can create a new page manually, as shown below:

QQ图片20161010140831.png

Step 2: Once created, you can start editing

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

QQ图片20161010141316.png

##Step 3: Save as HTML file

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

When you save the HTML file, you can use either .htm or Use 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 4: Run this HTML file in your browser.

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

The running result will be similar to the following:

QQ图片20161010142516.png

After the file is saved, it will be displayed on the desktop. If you want to edit it again, right-click the mouse and open it with Notepad++ to continue editing.

Continuing Learning

new file

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

submit Reset Code

Automatic operation

HTML editor

ElementaryImperial CMS enterprise imitation website tutorial

ElementaryNewbies with zero foundation in WordPress build personal blogs and corporate websites

ElementaryUltimate CMS zero-based website building instruction video

ElementaryFront-end project-Shangyou [HTML/CSS/JS technology comprehensive practice]

IntermediateVue3.0 from 0 to build a universal backend management system project practice

ElementaryZero-based front-end course [Vue advanced learning and practical application]

ElementaryWEB front-end tutorial [HTML5+CSS3+JS]

ElementaryQuick introduction to apipost

IntermediateVue3+TypeScript practical tutorial-enterprise-level project practice

ElementaryLet's briefly talk about starting a business in PHP

IntermediateVUE e-commerce project (front-end & back-end dual project actual combat)

ElementaryApipost practical application [api, interface, automated testing, mock]