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

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.