Table एक structured data का set है जिसमे row और columns बने होते है। Table में डाटा को tabular form में save किया जाता है। Table में store data को समझने में आसानी होती है इस लिए table का use किया जाता है।
Introduction of HTML Table tag in Hindi
एक structured data का set को किसी भी webpage में store करने के लिए table का use किया जाता है।
HTML में table बनाने के लिए <table> tag का use किया जाता है।
HTML में rows को define करने के लिए <tr> tag का use किया जाता है।
HTML में headings को define करने के लिए <th> tag का use किया जाता है।
HTML में cells को define करने के लिए <td> tag का use किया जाता है।
Structure of an HTML Table in Hindi
Table में तीन प्रकार के elements का use किया जाता है :
- Rows: आड़ी रेखाओ वाले छोटे-छोटे box को rows कहा जाता है।
- Columns: खड़ी रेखाओ वाले छोटे-छोटे box को rows कहा जाता है।
- Cell: ये जो हम box बोल रहे है वही cells है जो rows और columns के मिलने से बनता है।
Syntax of HTML Table in Hindi
<table>
<tr>
<th> </th>
</tr>
</table>Example of HTML Table in Hindi
<!DOCTYPE html>
<html>
<body>
<p>Example of HTML Table in Hindi</p>
<table style="width:100%">
<tr>
<th>Firstname</th>
<th>Lastname</th>
<th>Age</th>
</tr>
<tr>
<td>Sonu</td>
<td>shah</td>
<td>25</td>
</tr>
<tr>
<td>Monu</td>
<td>Sharma</td>
<td>26</td>
</tr>
</table>
</body>
</html>HTML Table Border in Hindi
Table के border को customise करने के लिए border attribute का use किया जाता है।
<!DOCTYPE html>
<html>
<body>
<p>Example of HTML Table in Hindi</p>
<table style="width:100%" border="1" bordercolor ="blue">
<tr>
<th>Firstname</th>
<th>Lastname</th>
<th>Age</th>
</tr>
<tr>
<td>Sonu</td>
<td>shah</td>
<td>25</td>
</tr>
<tr>
<td>Monu</td>
<td>Sharma</td>
<td>26</td>
</tr>
</table>
</body>
</html>Cellspacing Attribute in HTML Table Border in Hindi
दो cells के बिच space देने या space को हटाने के लिए Cellspacing Attribute का use किया जाता है। Bydefault इसका वैल्यू 2 होता है।
<!DOCTYPE html>
<html>
<body>
<p>Example of HTML Table in Hindi</p>
<table border="1" cellspacing="0">
<tr>
<th>Firstname</th>
<th>Lastname</th>
<th>Age</th>
</tr>
<tr>
<td>Sonu</td>
<td>shah</td>
<td>25</td>
</tr>
<tr>
<td>Monu</td>
<td>Sharma</td>
<td>26</td>
</tr>
</table>
</body>
</html>Cellpadding Attribute in Hindi
Table के border और cell के बीच में जो gapeहोता है उसको cellpadding कहते है। By default इसकी value “1” होती है।
<!DOCTYPE html>
<html>
<body>
<p>Example of HTML Table in Hindi</p>
<table border="1" cellpadding="5">
<tr>
<th>Firstname</th>
<th>Lastname</th>
<th>Age</th>
</tr>
<tr>
<td>Sonu</td>
<td>shah</td>
<td>25</td>
</tr>
<tr>
<td>Monu</td>
<td>Sharma</td>
<td>26</td>
</tr>
</table>
</body>
</html>Background Color
अगर आप table के background color को change करना चाहते है तो आप <bgcolor> tag का use क्र सकते है। आपकी जानकारी के लिए बता दे की <bgcolor> को HTML से हटा दिया गया है तो आप इसके जगह पर style attribute का उसे कर सकते है।
<!DOCTYPE html>
<html>
<body>
<p>Example of HTML Table in Hindi</p>
<table border="1" border="1" bgcolor="red">
<!-- for better use <table border="1" style="background-color:yellow;"> -->
<tr>
<th>Firstname</th>
<th>Lastname</th>
<th>Age</th>
</tr>
<tr>
<td>Sonu</td>
<td>shah</td>
<td>25</td>
</tr>
<tr>
<td>Monu</td>
<td>Sharma</td>
<td>26</td>
</tr>
</table>
</body>
</html>