Create a static website using html and CSS from scratch

Hello guys, many times you may have wondered that how does websites works on internet and you might have wished to own a website for yourself or you work but due to less or no knowledge about it your idea about having a website went to trash. 

So guys today we are going to talk about creating a html and css based static website from scratch. First of all we need to understand that :

What is a static website?

trend and fact

In simple words a static website is a website which contains a fixed data and fixed pages that data does not change. Information on these websites are same for everyone. These type of websites are the easiest to create because there is no or very less back-end work. These type of website are mostly used in advertising someone's private businesses like a website for Gym, Parlor, Shop etc.

So, now we know meaning of static website. Then next step to create a static website is to some knowledge of html. 



 what is HTML ?

HTML is Hyper Text Markup Language. In simple words html is skeleton of the website. It is the basic design of website which is used in every single website without HTML you can not create a website. 

In this tutorial we will create a website using HTML and CSS. If this is your first tutorial you may be wondering -

What is CSS ?




CSS is Cascading Style Sheet. As you can figure it out by its full name that it is a style sheet which give design to your website. By using CSS you can beautifuly design your website. Give it very nice different color, shape your website and make it mobile device friendly.


Now we know about work of HTML and CSS.

So now we will write a simple HTML code. But first we need:-

  • A PC or Laptop and a web browser installed in it and notepad in windows or a text editor.

So first of all we will create a text file by right click and name it as 'index.html' . Remember extension of this file should be ".html" . After that write this code as it is :

        

            <html>

            <body>

                    <p> Hello World </p>

            </body> 

            </html> 

There you go. Now save the file by pressing Ctrl + s keys and open this file in web browser. 

Output will be 'Hello World' 

Now we will understand how does it works ?

First of all the text written in between greater than and smaller than sign is call HTML tags.

These are basic tags in html, when we create a html document we write all html coding in <html>

tag and after completing the code we close these tags by closing tags </html> . Closing tag are usually put a forward slash before text like

Now move to <body>

 tag , all the html designing , paragraphs , header, footer, article are should be in this tag and after that close it by its closing tag </body>.


tag is used to write paragraphs in it . We will learn more about it in further parts .


Thank you !!