HTML Editors: Create and Test Your First Web Page

HTML Editors: Create and Test Your First Web Page is easier to understand when the core ideas are paired with practical examples. The sections below explain the topic clearly, highlight useful steps, and point out details that can prevent common errors.

Compose HTML with Notepad or TextEdit

You can create and edit web pages using professional HTML editing tools. But to learn HTML, it is better to use simple editing tools such as Notepad (on PC) or TextEdit (on Mac). You can even use the online HTML code tool to do it.

Here are the steps to create your first web page with Notepad or TextEdit.

Step 1 - Open the editing tool

Open Notepad (on PC)

With Windows 8 onwards: Open Start Screen > type Notepad.

With Windows 7 go back: Start > Programs > Accessories > Notepad.

Open TextEdit (on Mac)

Finder > Applications > TextEdit. Also, change the settings to save the file, by going to Preferences > Format > Plain Text.

Under Open and Save, select Display HTML files as HTML code instead of formatted text.

Then open the text and paste the code into it.

Step 2 - Edit HTML

Write or copy the written HTML into Notepad.

Learn HTML programming

HTML is a hypertext markup language.

HTML Editors: Create and Test Your First Web Page example image 1 Paste the HTML code into Notepad

Step 3 - Save the HTML page

Save the file on your computer, select File > Save as in the dropdown. Name the file tipsmake.htm and choose the UTF-8 encoding (preferred for HTML files).

HTML Editors: Create and Test Your First Web Page example image 2 Save the newly created text as text