HTML Editors

We need a simple text editor to learn HTML

Use Notepad or TextEdit for learning HTML

Professional HTML editors are used by web developers for creating and modifying web pages.

But for learning purpose it is recommended to use a simple text editor like Notepad(in Windows) or TextEdit(in Mac).

As a simple text editor is easy to use. You can also use our online HTML editor for free, Check it here


Step 1: Using Notepad

Windows 8 or later:

Open the Start Screen (Windows button on the bottom left corner of your screen). Type Notepad.

Or

Press win+R. Type Notepad and press Enter.

Step 1: Using TextEdit

Open Finder > Application > TextEdit

In order to save files correctly, we need to change some preferences. In Preferences > Format > Plain Text. Now under "Open and Save", check the box that says "Display HTML files as HTML code instead of formatted text".

Then Open a new document in order to start writing your code.

Step 2: Now start writing some HTML codes

A simple HTML webpage:

<!DOCTYPE html>
<html>
<head>
    <title>Title of page</title>
</head>
<body>
    <h1>My first page heading using <h1> tag</h1>
    <p>My first paragraph using <p> tag</p>
</body>
</html>

Click on Try it to use our online HTML editor

Step 3: Save the file

Save file as .html extension. For example index.html

Step 4: Open the file in browser

Double click on the file saved with .html to view in browser.