HTML Editors

There are variety of professional editors available for writing HTML code with auto code complete feature and many more but, it is recommended not to use when you are at beginner level of learning HTML.

Benefits of using simple editors at beginner level are
You memorize what you type but you don’t when you use auto completion feature with professional editors
You may encounter with lots of errors which will open up your mind
You will find difficult in starting but your base will be stronger for long run

Default simple text editors in various Operating Systems
Notepad (Windows)
TextEdit (Mac)
GEdit (Ubuntu)

So let’s start by writing our first web page

Step 1: Open text editor
Open Text Editor

Step 2: Write HTML code into text editor (Copy below code or type it yourself)

<!DOCTYPE html>
<html>
   <head>
      <title>Page Title goes here...</title>
   </head>
   <body>
      <h1>TechLearnings Heading</h1>
      <p>TechLearnings Paragraph</p>
   </body>
</html>

First Web Page

Step 3: Save the file with .html or .htm extension by choosing UTF-8 encoding (Preferred encoding for html files)
Save Web Page

Step 4: View saved web page in browser
View Web Page

So, quite simple and interesting. Isn’t it! let’s take the journey ahead by further readings… See you in next posts!

Author: Mahesh

Technical Lead with 10 plus years of experience in developing web applications using Java/J2EE and web technologies. Strong in design and integration problem solving skills. Ability to learn, unlearn and relearn with strong written and verbal communications.