HTML Text Editors for Beginners

Here, we have discussed the tutorial how we can learn HTML using Notepad or TextEdit. A professional HTML editor is required to create and modify...

Welcome to the another most interactive article on HTML. In this article we will discuss about how we can learn HTML using Notepad or TextEdit.  

Html editors

A professional HTML editor is required to create and modify any web page or web application. By the way, there are many professional HTML editor or text editor options which allows developers to create and run HTML documents such as Visual Studio Code, Notepad++, Sublime Text etc. But if you are a beginner then you may find it difficult to use all these professional HTML editors. So from my point of view, If you're a beginner then I recommend a simple text editor like Notepad (for Windows users) or TextEdit ( for Mac users) to you- And you can found these applications easily on your computer. Now, follow these steps to create first html web page with Notepad (for Windows users) or TextEdit (for Mac users).

How to Create HTML Page with Notepad

Firstly, let's learn how to create HTML page with notepad;

1. Go to Windows Menu then click on Search box and type Notepad.

How to Create HTML Page with Notepad ; HTML editors

2. Open the Notepad application then write the following HTML code on Notepad.

<!DOCTYPE html>

<html>

<body>

     <h1>My First Heading</h1>

     <p>My first paragraph</p>

</body>

</html>

3. After that, click on File > Save(or you can press Ctrl+S key) and save this file with .htm or .html extension.

How to Create HTML Page with notepad; HTML editors

4. Then, locate the file location where you saved a file then right click on it > Open with > Internet Explorer.

How to Create HTML Page with Notepad ; HTML editors

And the results will look something like this;

How to Create HTML Page with TextEdit

Now, we will discuss step to create HTML page with TextEdit;

1. Go to finder > Applications > TextEdit

2. Click on TextEdit > Preferences.

How to Create HTML Page with TextEdit ; HTML editors

3. In the format section, choose the Plain text option.

How to Create HTML Page with TextEdit ; HTML editors

then click on Open and Save button and just check out "Display HTML files as HTML code instead of formatted text" option.

How to Create HTML Page with TextEdit ; HTML editors

4. Open a new document and write the following code on it.

<!DOCTYPE html>

<html>

<body>

     <h1>My First Heading</h1>

     <p>My first paragraph</p>

</body>

</html>

5. After that, click on file > Save and save this file with .htm or .html extension. 

How to Create HTML Page with TextEdit ; HTML editors

6. Locate this HTML file and then click on it. Here, you can see the Output;

How to Create HTML Page with TextEdit ; HTML editors

Conclusion

Above we have discussed the tutorial how we can learn HTML using Notepad or TextEdit. A professional HTML editor is required to create and modify any web page or web application. If you're a beginner then I recommended a simple text editor like Notepad (for Windows users) or TextEdit ( for Mac users) to you. By following the above mentioned steps anyone can easily be able to create a HTML page with notepad and TextEdit.