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%

Web Technology Lab — Free Notes & Tutorial

Free Web Technology Lab course on SikshaSarovar (Siksha Sarovar) — 22 structured lessons with notes, examples and a built-in online compiler. 100% free, no sign-up required.

This Web Technology Lab course is part of Siksha Sarovar and is 100% free for students in India — no sign-up required to read. It contains 22 structured lessons with examples, and pairs with our free online compiler and AI tutor.

Course content (22 lessons)

  1. Lab 0: Compiler Setup & Compatibility Check — Program Statement Verify that the built-in HTML compiler is ready to run Web Technology Lab practicals. Compiler Info - HTML5 runs directly in the browser — no server needed. -…
  2. Practical 1: Formatting Styles & All Headings — Program Statement Create a web page that demonstrates text formatting tags and all six heading levels. Tags Covered Tag Purpose ----- --------- <b / <strong Bold <i / <em Italic…
  3. Practical 2: Font Styles & Image Tag — Program Statement Create a web page demonstrating the <font tag attributes and the <img tag with its attributes. Attributes Covered Font: color , size , face Image: src , alt ,…
  4. Practical 3: Marquee Tag — Text, Image & Hyperlink — Program Statement Create a web page that uses the <marquee tag to scroll text, an image, and a hyperlink. Marquee Attributes Attribute Description ----------- -------------…
  5. Practical 4: Other Tags — br, hr, pre, p — Program Statement Demonstrate the usage of <br , <hr , <pre , and <p tags with their attributes. Tags Covered Tag Purpose ----- --------- <br Line break <hr Horizontal rule…
  6. Practical 5: Nested Lists — Ordered inside Unordered — Program Statement Create a web page with an unordered list nested inside an ordered list. Apply the following: - Image at the top-right corner - Heading displayed as a marquee -…
  7. Practical 6: Table with Rowspan & Colspan — Program Statement Design an HTML table using rowspan and colspan attributes along with width , height , cellpadding , and cellspacing . Table Attributes Attribute Description…
  8. Practical 7: Frames — Main Menu & Content Layout — Program Statement Design a frame-based layout with: - Left frame: Main Menu (Topic 1, Topic 2, Topic 3) - Right frame: Content/Explanation area with example Frame Attributes…
  9. Practical 8: Image Map — shape, coords, href — Program Statement Create an image map with clickable hotspot regions using <map and <area tags. Link each hotspot to its description. Attributes Covered Attribute Description…
  10. Practical 9: Student Registration Form — Program Statement Design a Student Registration Form for admission to college using HTML form elements. Form Elements Used <form , <input (text, email, radio, checkbox, date,…
  11. Practical 10: Inline, Internal & External CSS — Program Statement Create a web page demonstrating all three methods of applying CSS: 1. Inline CSS — style attribute inside the tag 2. Internal CSS — <style block in the <head 3.…
  12. Practical 11: CSS Background Styling Attributes — Program Statement Create a web page applying all CSS background styling properties. Properties Covered Property Description ---------- ------------- background-color Solid…
  13. Practical 12: CSS Text Styling — id & class Selectors — Program Statement Create a web page applying all CSS text styling attributes using id and class selectors. Properties Covered Property Values ---------- -------- color Hex / RGB /…
  14. Practical 13: CSS List Styling & Three Equal Columns — Program Statement 1. Create a web page applying all CSS list styling properties. 2. Create a web page with three equal-width columns using CSS. List Properties Property Values…
  15. Practical 14: Bootstrap — Table, Images & Buttons — Program Statement Create web pages demonstrating Bootstrap 5 components: - Bootstrap Table (striped, bordered, hover) - Bootstrap Images (responsive, thumbnail, rounded) -…
  16. Practical 15: Bootstrap Typography & Jumbotron — Program Statement Create a web page demonstrating Bootstrap 5 typography classes and the Jumbotron component. Typography Classes .display-1 to .display-6 , .lead , .text-muted ,…
  17. Practical 16: JavaScript — Dialog Boxes & Built-in Functions — Program Statement 1. Show usage of JavaScript inbuilt functions and dialog boxes (alert, confirm, prompt). 2. Demonstrate alert() , confirm() , prompt() and built-in string/math…
  18. Practical 17: JavaScript Event Handling — Program Statement Write a program to implement event handling using onclick , onmouseover , and onmouseout events. Events Covered Event Trigger ------- --------- onclick When…
  19. Practical 18: XML — Bookstore with CSS & Internal DTD — Program Statement Write a program to display bookstore details in XML with CSS styling and an internal DTD. Concepts Covered - XML declaration and structure - Internal DTD (…
  20. Application 1: Registration → Login Form (External JS) — Program Statement Design a Registration form. When the user clicks Submit, the Login form should appear on screen. Use an external JavaScript file for all logic. Implementation -…
  21. Application 2: Zebra-Striped Table using CSS Pseudo-classes — Program Statement Create a zebra-striped table using CSS pseudo-classes to improve readability of large data tables. Pseudo-classes Used Selector Description ----------…
  22. Application 3: Questionnaire / Quiz Form — Program Statement Create a Questionnaire form on any topic using HTML form elements. Show score after submission. Form Elements Used <form , <input type="radio" , <input…

Lab 0: Compiler Setup & Compatibility Check

Program Statement

Verify that the built-in HTML compiler is ready to run Web Technology Lab practicals.

Compiler Info

  • HTML5 runs directly in the browser — no server needed.
  • JavaScript practicals use the browser's JS engine.
  • Bootstrap 5 is loaded via CDN in each practical template.
  • XML practicals: code is shown here; save as .xml file and open in browser locally.

CO Mapping

CO1

Practical 1: Formatting Styles & All Headings

Program Statement

Create a web page that demonstrates text formatting tags and all six heading levels.

Tags Covered

TagPurpose
<b> / <strong>Bold
<i> / <em>Italic
<u>Underline
<s> / <del>Strikethrough
<sub>Subscript
<sup>Superscript
<h1><h6>Headings

CO Mapping

CO1, CO2

Frequently asked questions

Is the Web Technology Lab course really free?

Yes. The entire Web Technology Lab course on Siksha Sarovar is free to read with no account required. You can optionally sign in with Google to save your progress.

Do I get a certificate for Web Technology Lab?

Yes — finish the lessons and pass the quiz to earn a free, verifiable certificate you can share on LinkedIn or with recruiters.

Can I run code while learning?

Yes. The built-in online compiler runs C, C++, Python, Java, PHP, JavaScript, C# and SQL directly in your browser — no installation needed.