Html Editors

HTML Tutorial

HTML Forms

HTML Graphics

HTML Media

HTML API

Html Editors

Learn HTML Using Notepad or TextEdit

Professional HTML editors are used in creating and modifying web pages. For learning HTML, a simple text editor like Notepad (PC) or TextEdit (Mac) is recommended.

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

Step 1)  Open Notepad (PC)

Windows 8 or later:

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

Windows 7 or earlier:

Go to Start > Programs > Accessories > Notepad

Step 1:  Open TextEdit (Mac)

Open Finder > Applications > TextEdit

Do remember to change the preferences to get the application so that the files can be saved correctly.

Open Preferences > Format > choose “Plain Text”

Go to “Open and Save”, and under this check the box that says “Display HTML files as HTML code instead of formatted text”.

Open a new document and place the code.

Step 2:  Write Some HTML

You can either write or copy the following HTML code into Notepad:

				
					<!DOCTYPE html>
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>

				
			

Step 3:  Save the HTML Page

Save the file on your computer by selecting the File > Save as in the Notepad menu.

You can name the file as“index.html” and set the encoding to UTF-8.

utf-8

Step 4: View the HTML Page in Your Browser

Now, open the HTML that you have saved in your preferred browser (double click on the file, or right-click – and choose “Open with”).

The result will look something like this:


Notice: ob_end_flush(): failed to send buffer of zlib output compression (1) in /home/u212091429/domains/mydevhelp.com/public_html/wp-includes/functions.php on line 5420

Notice: ob_end_flush(): failed to send buffer of zlib output compression (1) in /home/u212091429/domains/mydevhelp.com/public_html/wp-includes/functions.php on line 5420