HTML Learning Hub - Complete Beginner Guide

Learn | Revise | Practice

Home

Contact

documentation

Courses

HTML Notes 📘 – Read & Revision

📑 Table of Contents

Introduction to HTML Tables
Rows and Columns
table Tag
td Table Data Cell
Adding Borders to a Table
tr Table Row
th Table Header Cell
Table Header, Body, Footer
Understanding Colspan
Understanding Rowspan

Introduction to HTML Tables

Table ka use data ko rows aur columns me organize karne ke liye hota hai.

Rows and Columns

Row = Horizontal line
Column = Vertical line

📖 Real life example → School ki attendance register me har line ek row hoti hai. Har student ka roll number, name, marks ek ek column hota hai.

table Tag

tag ka use table (तालिका) banane ke liye hota hai.

Table ke andar rows aur columns hote hain jo data ko organized tarike se dikhate hain.

td Table Data Cell

(td) ka matlab hai Table Data Cell
Ye ek cell banata hai jisme hum actual data likhte hain.

Adding Borders to a Table

HTML me table by default borderless (plain) hoti hai. Agar border chahiye to table tag me border attribute use karte hain

tr Table Row

ka matlab hai Table Row
Ye ek horizontal line banata hai table ke andar.
(tr) ke andar hum cells banate hain using (td) (data cell) ya (th) (heading cell).

th Table Header Cell

(th) ka matlab hai Table Header Cell.
Ye table ke heading banane ke liye use hota hai.
By default (th) me text bold aur center aligned hota hai.

Table Header (thead), Body (tbody), Footer (tfoot)

Ye 3 tags table ke parts ko organize karne ke liye use hote hain:
(thead) → Table ka header part (headings).
tbody → Table ka main content part (actual data).
(tfoot) → Table ka footer part (summary, total, note). Back To Top

Understanding Colspan

colspan ka matlab hai ek cell ko kitne columns tak stretch (jodna)
Normally ek (td) ya (th) ek hi column ka space leta hai.
Agar hume chahiye ki ek cell 2 ya 3 columns ko merge karke ek ban jaye, to hum colspan use karte hain.

Understanding Rowspan

rowspan ka matlab hai ek cell ko kitni rows tak fhailna (merge) Hai
Normally ek td ek hi row me hota hai.
Agar hume chahiye ki ek cell 2 ya 3 rows ko cover kare, to hum rowspan use karte hain.