Skip to main content

Steps to Create a Webpage in HTML using Notepad

 

Steps to Create a Webpage in HTML using Notepad

A website is simply a collection of web pages. A web page or web documents written in HTML (HyperText Markup Language). These Web pages can be viewed using any web browser and Internet.

Html Language is used to write code and programs to create a webpage. It is easy to create a webpage and you can learn it with few basic steps mentioned below:

HTML Program or page can be created by many HTML or Text Editors. These editors are software that help us writing our code with easy user interface. Today, we will see how to create a html or webpage using Notepad Editor.

Notepad editor is built-in text editor in Windows Computers. You can find similar editors in Mac and Linux Operating system as well.

There are many advanced HTML editor or software are also available. However, we will recommend using default and simple editor like notepad for the beginners. That is always a good way to start learning HTML.

Creating a Simple HTML Page using Notepad Editor

Follow the four steps below to create your first web page with Notepad.

Step 1: Open Notepad (Windows)

Windows 8 or later:
Open the Start Screen and Search (Type Notepad)

Windows 7 or previous Windows:
Open Start > Programs > Accessories > Notepad

Step 2: Create a New Document

Go to Notepad Menu: File > New

A New blank document will be opened and you can start writing your first HTML Program here.

Step 3: Write Some HTML code or Program

Write some HTML code. If you do not know about HTML Yet, read few chapters in HTML Tutorials Section.

Write your own HTML code or simply copy the following HTML Simple Program into notepad document.

<!DOCTYPE html>
<html>
<body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>

</body>
</html>
HTML

Step 4: Save the HTML Page

Go to Notepad Menu: File > Save (or use short-key CTRL + S)

It will ask you to Save the file on your computer. Give it a name with .html extension and Save it (for example program.html)

Note: HTML page should be saved with .html extension carefully.

Step 5: View the HTML Page using Browser

Web browsers are programs or software that are used to view Webpages/Websites. You can find Internet Explored by default if using Windows Computer machine. You can also download other popular web browsers such as Google Chrome or Firefox. Use any of them.

Now Simply, open the saved HTML file in any browser:
Double click on the file or right-click on the file and choose “Open with” option to select other browser.

You HTML File will be opened in web browser and it will show output based on your html program.

Congratulations if you are able to run your first HTML Program.

You can now learn more about HTML Tags and create more HTML web pages. Using these HTML Pages, you can easily create your own website as well.

Share this post:

Comments

Post a Comment

Popular posts from this blog

Website Structure: How to Build Your SEO Foundation

  TECHNICAL SEO Website Structure: How to Build Your SEO Foundation Michal Pecánek   February 2, 2021   English           adi  Monthly traffic  50 Linking websites  163 Tweets  64 Data from  Content Explorer Share this article Subscribe for weekly updates Email Subscription Subscribe Contents Why website structure matters How to create a solid website structure Website structure is how your site is organized and web pages interlinked. Having a logical site structure helps visitors and  search engines  easily find and navigate content while improving conversions and supporting your SEO efforts. A solid website structure is a must-have when you’re about to launch a new website or redesign the current one. The bigger your website is, the more critical it becomes. In this article, you’ll learn how to plan and create a great site structure in these five steps: Prepare to map everything visually Check how your com...
Post a Comment
Read more

Ultimate List of Niches & Niche Ideas | 24 Most Profitable Niche Markets

34 COMMENTS     BY   GREG KONONENKO Ultimate List of Niches & Niche Ideas | 24 Most Profitable Niche Market s  I’ve compiled the "Ultimate" list of niches and profitable niche market ideas to help you choose the right niche for your blog or niche website. This ultimate niche list is going to help you select a profitable niche market quickly. Sometimes it's just easier to look through a ready-made list like ours, and pick something from a list. I've not only prepared a list of niches. I've also done the legwork of figuring out the best way to monetize each of the niches. This way you can use our niche ideas list not only to choose a good niche, but also to see how you can monetize it, and whether you think this monetization method is going to suit your style or marketing. Let's get right into it!   How This List of Niches Was Compiled It will be helpful for you to understand how I’ve created this list. In order for a particular niche to make it into our lis...
Post a Comment
Read more

ABOUT S.S D.A.V CENTENARY PUBLIC SCHOOL KHUNTI

  SS DAV Centenary Public School, Khunti is a Senior Secondary,co-educational, School. The School has on its rolls more than 2150 students. Each individual, here, is expected to reach his full potential. To achieve this, we provide a positive and creative learning environment, which incorporates a rich and varied program of experiences and opportunities. This enables all pupils to experience the success that can be celebrated and valued, thereby developing a positive attitude to learning and life. We aim to teach various skills, social awareness, and independent living so that our pupils can establish a meaningful role in society. We believe that it is important to develop pupils’ confidence and self-esteem and appropriate skills, values, and attitudes. This can empower them to take full advantage of their life chances, become valued and valuable members of society, and meet the challenges ahead. The school has 4 grand and beautiful buildings comprising classrooms, Administrative s...
Post a Comment
Read more