HTML Introduction

HTML stands for Hyper Text Markup Language. It is a standard language that is used to create web pages. HTML is like the skeleton of web pages. It is used to create elements of web pages such as headings, paragraphs, links, images, lists, forms, table and other multimedia. It was invented by Berners-Lee in 1991. HTML uses a set of tags to define the structure and content of the web pages. These tags have attributes to add additional information of the elements. For example, anchor tag (<a>) is uses href attribute to specify the destination URL of the hyperlink.

What is web page

A web page is a HTML document that contains text, images, videos, hyperlinks and other information. It is a part of website, and all web pages have unique URL to access it. The web page can be both static & dynamic. HTML is used to give structure to the web page, CSS is used to apply style and JavaScript is used to add interactivity.

What is website

A website is a collection of web pages. That contains text, images, videos and other information. These websites are hosted on server that can be accessible through a unique domain name (e.g. r3coders.com). Websites are build using various technologies and the HTML is a basic building block of it. We can access websites through various device including smartphone, laptop, tablet, desktop computers.

Type of website

There are two main type of website:

1. Static Website

Static websites are the collection of pre-built web pages that are delivered to the users without any modifications. It serves same information to all users and suitable for businesses or organizations that don't require frequent content updates or complex interactions. These websites do not interact with database. Its contents are fixed and do not change dynamically.

2. Dynamic Website

Dynamic websites are the collection of web pages that are generated during runtime. It interacts with database to generate dynamic content. It stores form data into database. These websites are build using server-side programming languages such as PHP, NodeJS, Python, Java etc. These websites are suitable for large business such as e-commerce websites, social media platforms, news websites.

What is hypertext & markup language?

1. Hypertext: Hypertext is the text displayed on the web page, connected with other text or web page through links. These are generated by markup language.
2. Markup Language: Markup language is a set of rules to create text documents. It uses tags and their attributes to form and structure of text documents. It is different from programming language. It focuses on defining presentation and structure of text documents.

HTML Document Structure

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HTML Document Structure</title>
</head>

<body>
    <h1>Welcome to r3coders youtube channel.</h1>
</body>

</html>

What is the role of web browser in HTML?

A web browser plays crucial role in rendering and displaying HTML document. When user visit a URL, it send request to the server. The server responds to the browser by sending HTML code. Browser reads that HTML codes and breaks it into individual elements, attributes and content. After breaking down the code the browser generate DOM tree that is used to manage elements, attributes & other properties. After this browser add css & js for styling and interactivity. Browser handle re-rendering of the web page on user interation by updating DOM tree.