HTML Tutorial - Part - 2 ( create html page with Notepad )

In this tutorial I will show you How to make a web page using a Simple text Editor Notepad ( for Windows Operating System Users ) Step By Step –

HTML Tutorial in Bangla Language Video

HTML Tutorial in English Language Video.

  

Step – 1:  Click Start - > All Programs - > Accessories --> Notepad.  Open Notepad Text editor and write HTML tags according to bellow screen shot.

Step – 2:  Now click Save this file in your computer Hard drive.

Step – 3:  It will be better that at first you will create a folder in any drive where you want to save this web page. I have created a folder in my computer’s Drive G( Drive name Projects ) and project folder name is ( selfstudy ). Then I created an another folder name ( images ) inside selfstudy folder where I can store images for this website ( selfstudy ). ( it is optional for this tutorial ). And all of web pages will be saved inside the selfstudy folder ( your folder created in your computer where you want to save your webpage ) .

I have saved this page inside the selfstudy folder name as index.html ( Computer -> Project(G) -> selfstudy, in my computer's directory),

Beacause every website should have a Home page. Web browser is not recognized which one is home page. Web browser know index page. When a user submit a url ( Like www.google.com ) in a browser for visiting that website. Then browser will find index page from that web servers and the server will send this page to browser.

So, Your website’s Home page name must be name as index.html. or ( index, language wise file extension, if website is developed by PHP language, home page name will be index.php )

Step – 4 :  Then Go to your Computer’s Hard drive save this web page and open this page with Any web browser ( like - Internet Explorer, Mozilla Firefox, Opera, Chrome ).

I save my web page in my computer’s this directory –

My Computer - > Project(G) -> selfstudy

Then open index.html page.

Select index -> click right mouse -> open with -> Firefox

Step – 5:  Then the output of this web pages will be shown bellow style.

Describe Above outputs –

"This is a header" output show for <h1> element or ( <h1> and </h1> tags )

"This is a paragraph" output show for <p> element or ( <p> and </p> tags )

"This is another paragraph" output show for <p> element or ( <p> and </p> tags ) . but this <p> element’s output show with two lines. Because You can go to first step screen shot and this <p> element source code was like <p>This is <br /> another paragraph. </p> . This <br /> tags create a new line or line break. That’s why this output show with two lines.