A Web page is a document that we see on our browsers (eg. Firefox, Opera, Google Chrome) .These webpages are structured with the help of HTML. HTML stands for Hyper Text Markup Language. It is a standard markup language for creating Web pages . And to view these pages on internet we required a server which is known as Web server.

Web Server

Web server in simple words is a hardware or software that serves the web pages to the end users. When user made request to the browser for particular web page . Browser send request via HTTP to the web server (hardware) , HTTP server accept the request and send back the appropriate results via HTTP only. There are mainly two types of web server :- 1) Static Web Server
2)Dynamic Web Server Apache:- Apache is open source web server that delivers web content through internet.

Live Server

Live server is an extension which helps to reload the feature of web pages on our own browser. We don't need to add any browser plugins or add code code snippets to our pages for reload functionality to see how our page works , this can be done by live server. In short without deploying the web page on the final site we can see the little developments on our own browsers with the help of live server. One of the most famous and used live server extension is of Ritwick Dey .

HTML (Hypertext Markup Language)

It is basic building block of webpage. It defines the structure of web page. Using HTML we can create our own website. Here in HTML "Hypertext" refers to the link that connect the webpages. We write use .html extension for html file, we can also use .htm . HTML consists of tags and elements surrounded by "<" and " >" . "<" is considered as opening tag and "/>" is considered as closing tag . Tag names are not case sensitive . Few example of html tags : -

   1)<h1> :-  h1 is a heading tag , mainly used to write of the web page.
                    <h1> My Blog </h1> 
    2)<h2> :- h2 is also a heading tag , which is used for the subtitle .
                     <h2>Page</h2>
    3)<p> :- p is paragraph tag, used to write paragraph.
                   <p>This is my blogging site</p>
    4)<img> :- img is image tag , used to insert images on the web pages.
                       <img src =" ">

These tags have attributes also for example

<p title = "tags">my blog <p>
<img src=" " alt=" ">

The attributes are no visible on the screen .We can see the changes made by title attribute by hovering on the content of the tag.

Shortcuts

• lorem:- Lorem is shortcut used to generate random content for the web pages.