how to create an HTML page with notepad

Hello, welcome to Ap Web Academy. Today we go to the programming concept. That is how to create an HTML page with notepad. Usually, HTML page can build with any text editor. But notepad is a free inbuilt text editor in windows. So, that’s why I select notepad. Otherwise, you can use any text editor. Before you know this you want an idea of what is HTML?

The most important thing is you must practice more and more what you learn. Otherwise, you always stay as a learner.

If you want to know about me go to this page

how to create an HTML page with notepad

Now let’s go to your system and open the notepad. Write the starting markup. That is saying to the browser this document is a html5 web page. We already discuss how to write a html5 document starting markup. But now I am showing one more time how to do it simply.

  • Open the notepad.
  • On the first line write <!DOCTYPE html>. It tells the browser this is an HTML5 page.
  • Write HTML opening tag. <html>
  • write HTML closing tag </html>. Closing tag always contains forward slash.
  • Now hit space bar between the opening and closing tags.
  • Create some space for code.
  • Remaining all goes between these two tags

OK. Now, what next? The Same as person HTML document has two parts. One is the head. Two is the body. We see what they are doing.

1.head

  • HTML head element is one of the key areas of the document.
  • HTML head element created with opening with <head> tag. closing </head> tag.
  • Your website title which one showing on browsers top tab written here.
  • And your site color program CSS and interactivity program javascript both are sitting here. You don’t have an idea about CSS and javascript no problem. Just remind the term.
  • Now write head element between the HTML element.
  • And create space between head element.
  • In the space write title element.
  • Title element also has same rules.
  • element opening tag <title>. closing tag </title>.
  • Write your name or something your favorite words in between title tags.

It’s enough for this time. Because first, you want to understand how it works?

Now we move to our second main part body.

body

  • the body element is the essential part of showing a web page.
  • body element build with opening <body> tag. closing with </body> tag.
  • Body element comes next to the head element in the order of an HTML document.
  • A web page appears after you write something between the body tags.
  • Let’s create body element in the notepad after head element.
  • Hit the space bar between the body tags.

Now, if everything you follow same as I show your HTML document look like below code.

the idea of how to create an HTML page with notepad

<!DOCTYPE html>

<html>

<head>

<title> put here your name or some words</title>

</head>

<body>

The key point is to write some words here. Otherwise, your webpage not showing in the browser.

</body>

</html>

The structure is called basic HTML document structure. Without this, you cannot build an HTML page. It’s also called as BOILERPLATE CODE.

key of the total process

if everything is all right save your document with .html(dot HTML). Anything wrong follows me one more time step by step and correct the mistakes. You save the document your document showing a default internet browser icon. Sometimes it’s showing as a regular document. It is base on your computer settings. Your document was showing a browser icon let’s double click on that. Another condition your document showing as a document gives a right click and open with the favorite browser. I prefer google chrome. It shows a perfect page without any problems. You open the document what is displayed by your browser. Let’s check it.

  • At the top of the browser tab showing what you write is between title tags. I write put here your name or some words. So my browser tab was showing that.
  • The browsers body showing what you write is between body tags. I write the key point is to write some words here. Otherwise, your webpage not displaying in the browser. So, browsers body show to me what I write.

I hope this article gives an Idea of how to create an HTML page with notepad. if you have any doubts on the process, you can contact me, without any hesitation. You can comment for small doubts below this article. You think this post useful for your near ones. Let’s share this on your favorite social platform. For more good posts like this in future, you can subscribe through email, are click and follow me hitting one of my social links.

You can read this article Telugu. You want to know about me go to about page. Thank you for visiting my website.

Summary
how to create an HTML page with notepad
Article Name
how to create an HTML page with notepad
Description
How to create an HTML page with notepad. What next? Same as person HTML document have two parts. One is the head. Two is the body. We see what HTML
Author
Publisher Name
APWEBACADEMY.COM
Publisher Logo
Spread the love

Ajay Kumar

hello, Ap Wed Academy is a passion of an entrepreneur. a mind of web scientist I am doing a professional job in a well-named company. I don't have any degrees, I am not an English expert. but, a lot of interest and Enthusiasm about learning web concepts. that's why you're read my profile here. my goal is help people who want to learn web concepts.you can follow me by click one of my social links.

Leave a Reply

%d bloggers like this: