Introduction to Web and HTML

Introduction to Web and HTML

What is Web ?

Web is used as a common name for World Wide Web(WWW). It is the collection of websites and webpages that are stored on web servers so that it is accessible to everyone who is connected to Internet. A unique address is given to a webpage which is know as URL(Uniform Resource Locator). Website is known as particular set of webpages that are given specific URL.

What is Web Server ?

On Hardware site , a server is a computer that stores the website content(html, css, js files , media). It is connected to Internet and responsible for data exchange to devices.

On software side, it controls how web users accesses websites/webpages. It is also called as HTTP Server.

Apache Server - Apache is the most popular and most widely used web-server in the world. It is open source server and is developed by Apache Software Foundation.

What is HTML ?

HTML stands for Hyper text markup language. It contains the structure and content of web-pages(defines the structure of content in semantic way). It is a standard markup language. It consists of many type of elements which tells the browser that how to display the content.

HTML Element

An element is comprised of opening tag, content and closing tag. Screenshot 2022-11-06 at 8.02.09 PM.png

An element can also have attribute which contains extra information about the element. Screenshot 2022-11-06 at 8.06.25 PM.png

here class is attribute name and demo is attribute value.

We can also write nested elements that is element inside an element. Screenshot 2022-11-06 at 8.08.29 PM.png

Basic HTML Template

Screenshot 2022-11-06 at 8.11.07 PM.png

this is the basic html boiler plate. It is divided into head and body. Head contains meta-data such as title , charset which is not displayed on screen. Body contains elements with contents that are displayed on screen as an output

Heading tags - Heading tag is used to write the heading on Web-page. The different Heading tags are h1,h2,h3,h4,h5,h6. h1 is the most important heading and h6 is least important. It gives the following output. Screenshot 2022-11-06 at 8.17.49 PM.png Screenshot 2022-11-06 at 8.18.01 PM.png

Paragraph tag - paragraph tag is frequently used for marking up regular text content.

Screenshot 2022-11-06 at 8.22.10 PM.png