Siksha Sarovar

Siksha Sarovar (sikshasarovar.com) is a free educational web application that helps students in India learn programming and prepare for academic and competitive exams. The platform offers structured coding courses (C, C++, Python, Java, HTML, CSS, PHP, Power BI, AI, Machine Learning, Data Science), complete university curriculum notes for BCA/MCA students with previous year question papers, Class 10 and Class 12 CBSE/HBSE school notes, and dedicated preparation material for SSC, UPSC, Banking, Railway and other government exams. Browsing the site is completely free and requires no account. Users may optionally sign in with Google solely to save their learning progress, quiz scores and personal preferences across devices.

Privacy Policy | Terms of Service | Contact Siksha Sarovar | About Siksha Sarovar

v4.0.9 · PWA
Siksha Sarovar logo
Siksha Sarovar
Your Learning Universe

Siksha Sarovar is a free e-learning platform for coding courses, BCA university notes and competitive exam preparation. Optional Google sign-in saves your learning progress across devices.

Initializing knowledge base…
Compiling modules 0%

3. HTML Introduction

Lesson 3 of 30 in the free HTML notes on Siksha Sarovar, written by Rohit Jangra.

Definition Breakdown

HTML stands for HyperText Markup Language. Let's break it down:

  • HyperText: refers to "Text within Text". It is text that contains links to other texts (hyperlinks). It allows users to jump from one document to another non-linearly.
  • Markup: refers to the "tags" or comments used to annotate the text. These tags tell the browser how to structure and display the content (e.g., "This text is a heading", "This text is bold").
  • Language: refers to the set of rules (syntax) that must be followed to write the code so computers can understand it.

Core Structure Explained

Every HTML document follows a strict tree-like structure.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Page Title</title>
</head>
<body>
    <h1>Welcome</h1>
    <p>This is content.</p>
</body>
</html>
  1. <!DOCTYPE html>: This is not a tag, but an instruction to the browser. It tells the browser that the document type is HTML5. Without this, browsers might render the page in "Quirks Mode" (compatibility mode for old pages).
  2. <html>: The root element of the page. All other elements are descendants of this tag. The lang attribute (e.g., lang="en") declares the language of the page for screen readers and search engines.
  3. <head>: Contains metadata (information about the page) that is not visible to the user. It includes the title, character set, styles, and scripts.
  4. <body>: Contains the visible content of the web page. Everything you see in the browser window—headings, paragraphs, images, links—must be inside this tag.