How to Create an HTML Webpage using Notepad?

Are you looking for the correct way to create an html webpage using notepad? And the HTML file should open in your Internet explorer (or any other web browser) but unfortunately it is not getting opened? The reason behind this is that you are not actually saving them as an HTML file and they are just text files. I know you are saving your 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 HTML webpage using notepad and overcome this problem, 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 have problems with the extension because MS window 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 am 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).


HIMANSHU NEGI


Himanshu Negi is a well coded tech package. He is a Computer Science student and Admin of this blog. His interest lies in Coding, Programming, Hacking and Everything related to Computers and Internet.

Filed in: HTML Tags: , ,

All Comments, Feedback and Queries are Welcome!


Your views are valuable to us and helpful to our blog readers. You can also subscribe to get latest updates for free. All comments are strictly moderated.


Submit Comment

Captcha Captcha Reload

CommentLuv badge
Copyright © 2012-15 Himanshu Negi. All Rights Reserved.