READ RIFE

Search Posts

HTML Table in Hindi

HTML Table in Hindi - HTML में table बनाने के लिए table tag का उपयोग करते हैं। HTML table में डाटा को rows और columns में स्टोर और display करते हैं।

इसके लिए हम table के अन्दर डाटा को दिखाने के लिए अन्य tags का उपयोग करते हैं जो निम्न हैं:

<table> और </table>(Required) -
HTML table बनाने के लिए सबसे पहले table tag उपयोग करना जरुरी है। इन दोनों(open और close tag) के बीच में ही अन्य सभी tags का उपयोग करते हैं।

<td> और </td>(Required) -
td का मतलब table data होता है। सभी tables में इस tag का उपयोग डाटा को स्टोर करने में करते हैं। टेबल का बॉक्स जिसे table cell कहते हैं जिसमे एक डाटा show होता है उसे बनाने के लिए td tag का use करते हैं। ये भी एक जरुरी tag है। कभी कभी इसकी जगह th tag का भी उपयोग किया जाता है।

<th> और </th> -
th को table header कहते हैं। ये tag वैकल्पिक (optional) होता है आप चाहें तो इसके बिना भी table बना सकते हैं। इसका उपयोग table के header को बनाने में किया जाता है जो कि अन्य cell के text की तुलना में bold दिखता है।

<tr> और </tr>(Required) -
tr का पूरा नाम table row है। इसकी मदद से table row create होती है। एक td के अन्दर एक या एक से अधिक th या td tag हो सकते हैं।

Others tags -
एक टेबल को तीन हिस्सों में बांटा जा सकता है - Header, body और footer.

<thead> और </thead> -
thead या Table head से हम table का header part या सबसे ऊपर वाले हिस्से को बनाते हैं। इसके बिना भी table बनाई जा सकती है।

<tbody> और </tbody>-
tbody या table body tag के अन्दर हम बीच वाले भाग को रखते हैं। ये tag जरुरी नहीं है table बनाने के लिए।

<tfoot> और </tfoot> -
tfoot या table footer tag का उपयोग table के footer या नीचे वाले हिस्से को बनाने में करते हैं।

<caption> और </caption> -
Caption tag का उपयोग table के टाइटल को लिखने में करते हैं जो table से बाहर सबसे ऊपर heading के रूप में दिखाई देती है। इस tag को table tag बाद use करते हैं।

<colgroup> और </colgroup> & <col>-
इन दोनों tags की मदद से हम किसी column या column के ग्रुप की formatting या property को change करने में करते हैं। colgroup tag को table और caption tag के बाद और thead, tbody, tfoot और tr tag के पहले insert करते हैं और colgroup के अन्दर col tag का उपयोग किया जाता है।

नोट: HTML में table की properties को style attribute की मदद से भी change किया जा सकता है।

PHP" method="POST" target="_blank">

Example of HTML Table with all tags

<!DOCTYPE html>
<html>
<head>
<title>HTML table in Hindi</title>
</head>
<body>

<table style="border: 2px solid black; border-radius: 2px;">
<caption>Students Table</caption>
<colgroup>
    <col span="2" style="background-color:red; font-size: 20px;">
    <col style="background-color:blue">
</colgroup>
<thead>
<tr>
    <th>Name</th>
    <th>Age</th>
    <th>Class</th>
    <th>Game</th>
</tr>
</thead>
<tbody>
<tr>
    <td>पूजा</td>
    <td>14</td>
    <td>8th</td>
    <td>Hockey</td>
</tr>
<tr>
    <td>सपना</td>
    <td>15</td>
    <td>9th</td>
    <td>Judo</td>
</tr>
<tr>
    <td>ध्रुव</td>
    <td>17</td>
    <td>11th</td>
    <td>Cricket</td>
</tr>
<tr>
    <td>स्वप्निल</td>
    <td>16</td>
    <td>10th</td>
    <td>Judo</td>
</tr>
</tbody>
<tfoot>
<tr>
    <th>---</th>
    <th>---</th>
    <th>Total</th>
    <th>4</th>
</tr>
</tfoot>
</table>

</body>
</html>

नोट - Span attribute का उपयोग number of column बताने के लिए किया गया है। इसके साथ ही यहाँ style attribute का use किया गया है table की style के लिए।

Author : Read Rife

Comments

Important Notice: The information on this page is compiled from various online sources. We make our best effort to curate and present precise information, but we cannot guarantee its absolute accuracy or completeness. It's recommended that you consult official sources and conduct further research to verify the information and ensure it's current.

महत्वपूर्ण सूचना: इस पृष्ठ पर दी गई जानकारी विभिन्न ऑनलाइन स्रोतों से संकलित की गई है। हम सटीक जानकारी को व्यवस्थित और प्रस्तुत करने का पूरा प्रयास करते हैं, लेकिन हम इसकी पूर्ण शुद्धता या पूर्णता की गारंटी नहीं दे सकते। यह अनुशंसा की जाती है कि आप आधिकारिक स्रोतों से सलाह लें और जानकारी सत्यापित करने के लिए और शोध करें ताकि यह सुनिश्चित हो सके कि यह नवीनतम है।

HTML Table in Hindi

Search Posts

HTML Table in Hindi

Example of HTML Table in Hindi

Example of HTML Table with th tag

Example of HTML Table with all tags

Author : Read Rife

You May Also Like

HTML Table in Hindi

Palmistry in short-3

HTML Form Select Element in Hindi

Palm in Palmistry

Leave a Comment

Comments

Popular Posts

Related Posts

Courses with certificate

Exam with Certificate

Exams & Courses Creater

Practice Sets

Blog & Article Writing

Exams for Knowledge

HTML Table in Hindi

Search Posts

HTML Table in Hindi

Example of HTML Table in Hindi

Example of HTML Table with th tag

Example of HTML Table with all tags

Author : Read Rife

You May Also Like

Related Posts

Leave a Comment

Comments

Popular Posts

Related Posts