Learn More

Table | HTML in Hindi

HTML के द्वारा आसानी से टेबल को बनाया जा सकता हैं । HTML टेबल बनाना बहुत ही आसान होता हैं ।
HTML में टेबल का उपयोग डेटा को display करने और डेटा मैनेज करने के लिए किया जाता है। HTML table में पंक्तियाँ(rows) और स्तंभ(columns) भी होते हैं ।  HTML टेबल उदाहरण आपको टेबल के attributes का उपयोग करके HTML में एक टेबल बनाने के बारे में मदत करेगा । HTML टेबल के कुछ अलग अलग attributes होते हैं जिसके द्वारा HTML table को बनाया जाता हैं ।

HTML में टेबल बनाने के लिए <table> टैग का उपयोग किया जाता हैं । <table> टैग के अंदर ही हम कुछ हटम्ल टैग का उपयोग करते हैं ।


Table बनाने के लिए सबसे पहले आपको कुछ टैग्स को समझना पड़ेगा जो की <table> टैग के अंदर लिखे जाते हैं ।

<tr> - <tr> टैग टेबल row के नाम से भी जाना जाता हैं । <tr> टैग के द्वारा टेबल की row को बनाया जाता हैं । जब भी टेबल में row बनाने की जरूरत पड़ती हैं तो <tr> टैग का उपयोग किया जाता हैं ।

<th> - <th> टेबल heading के नाम से जाना जाता हैं । <tr> टैग हटम्ल टेबल की heading के लिए उपयोग किया जाता हैं ।

<td> - टैग टेबल डाटा के नाम से भी जाता हैं । टेबल <td> टैग के द्वारा टेबल में कॉलम को बनाया  जाता हैं । एक row में हम <td> टैग का उपयोग करके आसनीं से कॉलम बना सकते हैं ।
साधारण Hindi भाषा में कहे तो <td> टैग का उपयोग केवल टेबल column बनाने के लिए किया जाता हैं ।

<height> - टेबल को ऊंचाई(height) देने के लिए। टेबल की उचाई कितनी होनी चाइये इसे HTML table के width attribute के द्वारा डिफाइन किया जाता हैं ।

<width> - यह टेबल की चौड़ाई देने के लिए उपयोग किया जाता है।

चलिए एक HTML टेबल के उदाहरण से समझते हैं जिसमे हम इन सभी tags और attributes का उपयोग करेंगे ।

HTML Table


<!DOCTYPE>
<html>
<head>
<title>HTML Table </title>
</head>
<body>
<table height="150" width="500" border="1">  
<tr> 
<td> 
Employee Name
</td> 
<td> 
Ramesh 
</td> >
<td> 
Vikash
</td> <td> 
Sheema 
</td> <td> 
Suresh
</td> 
</td> <td> 
Reetu
</td> 
</tr> 
<tr> 
<td> 
Salary
</td> 
<td> 
10000
</td> 
<td> 
15000
</td> <td> 
20000
</td> <td> 
12000
</td> 
<td> 
25000
</td> 
</tr> 
</table>
</body>
</head>
</html>
Run


ऊपर दिए गए HTML टेबल के example में हमने सबसे पहले <table> टैग का उपयोग किया हैं ।


<table> टैग को सबसे आखिर में क्लोज(close) भी करना पड़ता हैं ।

<table> टैग में हमने कुछ attributes को डिफाइन किया हैं जैसे height एंड width और बॉर्डर ।
उसके बाद हमने <tr> एंड <td>  tags का उपयोग करके एक हटम्ल टेबल को बनाया हैं ।

Recommended Posts:-