All TalkersCode Topics

Follow TalkersCode On Social Media

devloprr.com - A Social Media Network for developers Join Now ➔

How To Create A Website Using HTML On Notepad

Last Updated : Jul 1, 2023

How To Create A Website Using HTML On Notepad

In this tutorial we will show you how to create a website using HTML on notepad, a website is a collection of webpages and webpages are generally written in HTML. That’s the reasons we are here to create a website using html.

Also, the webpage is generally viewed in browser and written in text editors like notepad, visual studio code, sublime text 3 and other html based ide’s.

Here, today we help you to create a website or webpage using html in notepad, because notepad is mostly preferred text editors used by beginners.

Step By Step Guide On How To Create A Website Using HTML On Notepad :-

In this tutorial, we specify some steps to open notepad and how you are able to write your HTML code and save it to your required destination. In next session, we also specify that how you are able to open your saved HTML file in a browser, so that you can see your webpage.

The steps are as follows -

1. Open Notepad

At first you have to open notepad in your pc/laptop and the steps are different for different windows, we hope the below points may help you to open notepad in your window’s.

  • Press the window button and search for notepad (For window 8 or later)
  • Open Start > Programs > Accessories > Notepad (For window 7 or earlier)

2. Create a document

After, opening your notepad you have to create a document and save it. The steps are:

  1. You have to create a document inside notepad.
  2. For this press Ctrl + N or go to file > new.
  3. A New blank document will be opened and you can start writing your first HTML Program here.

3. Write some HTML code

The next step is to write your HTML code into notepad. If you don’t know how to write it, please copy paste the HTML code that is given below from our side or if you want to know about the format only, the example is here.

	<!DOCTYPE html>
      <html>
        <head>
          <title> Title of the document<title>
        </head>
          <body>
              <p> this is my first paragraph. </p>
		 <h3> this is my first heading. </h3>
		<div> this is my first division. </div>
		<h1>! Hello World! </h1>
          </body>
      </html>

4. Save the HTML page

The next step is to save the HTML page, you can save the file on your computer by pressing Ctrl + S and go to file > Save. Then, a dialog may appear and give it a file name with .html extension and save it.

5. View the HTML page using browser

Now, open the html in your browser. You can open by clicking file that u saved and by pressing Ctrl + O on your browser and then select file name and click on open button.

Conclusion :-

At last, here we say that using notepad, is the most preferred way for writing codes whether it is in HTML, PHP and in any other language.

It is the most efficient way to make a website with the help of HTML. After, enough experience and according to your mentor he/ she will be able to use any other IDE like visual studio code, sublime text 3, atom, notepad ++, etc.

I hope this tutorial on how to create a website using HTML on notepad helps you and the steps and mentioned above are easy to follow and implement.