How to Create HTML Webpages using Notepad?

Looking for the correct way to create a html webpage using notepad? This is fairly easy but I’m still here to teach you the basics as you might face some problems. The  HTML webpage file created using Notepad should open in your web browser (Internet Explorer, Chrome, Firefox etc.).

Sometimes, the file may not open in your browser (and chooses to open in your text editor), giving you the frustration. The reason behind this is that you are not actually saving them as a HTML webpage file and they are just simply text files. I know you are saving your webpage file as webpage.htm (or webpage.html) but actually they are getting saved as webpage.htm.txt (or webpage.html.txt) by default. This is a simple tutorial to create a HTML webpage using notepad. Follow the steps:

Creating an HTML Webpage using Notepad

At first, open your notepad. Go to start > All programs > Accessories > Notepad or type NOTEPAD in Run.

run

 

 

 

 

 

 

 

Now put some HTML content in the notepad. Copy the given HTML Content.

 

<html> 
<head> 
<title> create webpage using notepad</title> 
</head>
 
<body> 
 
<h1>Introduction to HTML </h1> 
<p> HTML is a mark up language used in most of the pages of the World Wide Web. HTML files are text files that, unlike completely plain text, contain additional formatting markup—sequences of characters telling web browsers what parts of text should be bold, where the headings are, or where tables, table rows and table cells start and end.. </p> 
 
</body> 
</html>

How to Save the HTML file using Notepad?

So the most important part comes here, hold the ctrl key and press S (ctrl+s). Save it as AnyName.htm (or AnyName.html) of course, you can give it any name but don’t forget the dot html part. Now change the save as type to “all files” (look at the image carefully).

save as

Now open your HTML webpage file in any browser and notice the output.

webpage using notepad

Revealing the File Extension of your HTML Webpage:

You may still face problems with the extension because Microsoft Windows operating system by default hides the file extensions for some known file extensions. Let’s reveal the extension of your HTML webpage file.

First go to my computer > organize > Folder and search optios > view tab > uncheck the option: Hide extension for known file types (follow the image). Now you will be able to check the extension for your file. If it is still a .txt file then change it to .htm and save it.

Revealing the extension of your  webpage

How to Edit your HTML Webpages in Opera Browser?

As you can see I’m using opera browser (I love opera), one of reason behind this love is that I can edit my html webpage on browser only, which I had created using notepad, I don’t need to open the notepad again and again. To edit your file, right click anywhere on the page and click the option source and you will be able to edit the webpage HTML source code. To save changes click option apply changes.

NOTE: HTML webpage can be edited in any plain text editors, including those that highlight HTML markup with colors to make it easier to read. There are also WYSIWYG (what you see is what you get) editors of HTML. Plain text editors include Notepad (or Notepad++) for Microsoft® Windows, TextEdit for Mac, or Vim, Emacs and others for Linux. Commercial HTML editors include Adobe Contribute CS5 and dreamweaver CS5 (both Win/Mac), and Microsoft’s Visual Web Developer (Win). There are also free HTML editors out there including Evrsoft First Page (Win), Mozilla KompoZer (Win/Mac/Lin) and Quanta Plus (Lin). But as a beginner it is usually better to use notepad otherwise you will never learn and remember those important HTML tags.

Now when you have known the secret of creating html webpage using notepad, don’t forget to study more HTML tags. It’s the easiest language ever (Hyper Text Mark-up Language).

If you enjoyed this article, Get email updates (It’s Free)