HTML Editors

Creating HTML Text using Notepad++

You need a Web browser and a text editor. Use any text editor you wish to use. but the following Activity descriptions will use Notepad++.

Notepad++ is a free Windows editor that also supports several programming languages. For example, you will notice that HTML keywords are highlighted in different colors.

Step 1: Open your Web browser

The main goal is to create a Web document that can be opened with your browser.

Step 2: Open Notepad++

Open in PC

Windows 7 or earlier:

It can be found by selecting Start, then All Programs, then Notepad++.

Windows 8 or later:

Open the Start Screen and type Notepad.

Open in Mac

Open Finder > Applications > TextEdit

Step 3: Write Some HTML

Type the following text into Notepad++:

Example

<!DOCTYPE html>
<html>
<body>

<h1>Hello World!</h1>
<h2>Hello World!</h2>
<h3>Hello World!</h3>
<h4>Hello World!</h4>
<h5>Hello World!</h5>
<h6>Hello World!</h6>

</body>
</html>

Step 4: Save the HTML Page

Save this file as index.html.

Note: You can use either .htm or .html as file extension. but .html is recommended.

Step 5: View in the Browser

The browser should now display the index.html. (If it does not, make sure that you have saved index.html and that this is the file you are opening).

Web browser