HTML Editors


Write HTML Using Notepad or TextEdit

HTML can be edited by using a professional HTML editor like:

  • Adobe Dreamweaver
  • Microsoft Expression Web
  • CoffeeCup HTML Editor

However, for learning HTML we recommend a text editor like Notepad (PC) or TextEdit (Mac).

We believe using a simple text editor is a good way to learn HTML.

Follow the 4 steps below to create your first web page with Notepad.


Step 1: Open Notepad

To open Notepad in Windows 7 or earlier:

Click Start (bottom left on your screen). Click All Programs. Click Accessories. Click Notepad.

To open Notepad in Windows 8 or later:

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


Step 2: Write Some HTML

Write or copy some HTML into Notepad.

Example

<!DOCTYPE html>
<html>
<body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>

</body>
</html>

Notepad


Step 3: Save the HTML Page

Save the file on your computer.

Select File > Save as in the Notepad menu.

You can use either .htm or .html as file extension. There is no difference, it is up to you.


Step 4: View HTML Page in Your Browser

Double-click your saved HTML file, and the result will look much like this:

View in Browser



Color Picker

colorpicker