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.

Privacy Policy · Terms of Service · Contact

Initializing knowledge base…
Compiling modules 0%

4. Head Section Elements

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

The <head> element is a container for metadata and resources. It serves as the "brain" of the webpage, defining properties that affect how the page loads and behaves.

1. The Title Tag <title>

  • Definition: Defines the title of the HTML document.
  • Visibility: It is NOT shown on the page itself, but in the browser's title bar or tab.
  • Importance:
  • Essential for SEO (Search Engine Optimization).
  • Displayed in search engine results.
  • Used as the name when adding a page to Favorites/Bookmarks.

2. The Meta Tag <meta>

Meta tags provide metadata about the HTML document. They are always empty tags.

  • Character Set: <meta charset="UTF-8">
  • Specifies the character encoding. UTF-8 covers almost all characters and symbols in the world.
  • Viewport: <meta name="viewport" content="width=device-width, initial-scale=1.0">
  • Crucial for Responsive Design. It tells the browser to set the width of the page to follow the screen-width of the device (mobile-friendly).
  • Description: <meta name="description" content="Free web tutorials">
  • A short summary of the page, often used by search engines in snippets.

3. The Link Tag <link>

  • Definition: Defines a relationship between the current document and an external resource.
  • Primary Use: Linking External CSS files.
  • <link rel="stylesheet" href="styles.css">
  • Icon: Linking a Favicon (tab icon).
  • <link rel="icon" href="favicon.ico">

4. The Style Tag <style>

  • Used to define internal CSS (styles) for a single HTML page.
  • Placed inside the <head> section.
  • <style> body { background-color: powderblue; } </style>

5. The Script Tag <script>

  • Used to define client-side JavaScript.
  • Can contain the script code directly or point to an external source file.
  • <script src="myscript.js"></script>
  • Note: While often placed in the <head>, scripts are sometimes placed at the end of <body> to improve page load speed.