View video tutorial

HTML Notepad++

HTML

This tutorial will show how to write code in Notepad++.

HTML coding with Notepad++


Notepad++ is a very simple and small editor with code highlighting feature.

Now Download Notepad++ and install on your computer by following simple Next>Next>Finish wizard.

Open the Start Screen (the window symbol at the bottom-left on the screen). Type Notepad++.

notepad

Open Notepad++ type the following code and save file to any location in your computer by any file name for example index.html, Save type as:All files (*)

notepad

Open file in any of your browsers.

notepad

Output looks like below.

notepad

Congratulations! you successfully write html code in Notepad++ and run HTML in a browser.

Learning with HTML Editor "Try it Now"

You can edit the HTML code and view the result using online editor.

Example

<!DOCTYPE html>
<html>
<head>
    <title>HTML Notepad++ Example</title>
</head>
<body>
    <p>Coding with Notepad++</p>
    <h1>First Heading</h1>
    <p>First paragraph. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s</p>
    <h2>Second Heading</h2>
    <p>Second paragraph. When an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries</p>
</body>
</html>
Try it Now »

Click on the "Try it Now" button to see how it works.