table tag attributes in html

Table Tag Attributes In HTML: टेबल टैग के विभिन्न एट्रिब्यूट

by
पोस्ट को शेयर करे!

हेल्लो दोस्तों स्वागत है आपका हमारी एक और HTML Language कि फायदेमंद पोस्ट में | इस पोस्ट में Table Tag Attributes In HTML यानि कि टेबल टैग के विभिन्न ऐट्रिब्यूट्स के बारे में बोहोत ही आसान तरीके से आपकी सरल भाषा हिन्दी में दर्शाया गया है |

Join Telegram

Table Tag Attributes In HTML

Article TypeHTML Language
Article CategoryComputer
Article NameHTML Table Tag के विभिन्न Attributes
Article LanguageHindi
Official Websiteshubhampal.co.in
Contents दिखाएँ

HTML Table Tag के विभिन्न Attributes

table tag attributes in html
Table Tag Attributes In HTML

Attributes of table tag: HTML में टेबल को बनाने के लिए विभिन्न प्रकार के टेबल टैग का प्रयोग किया जाता है जिन टैग के अंदर हम विभिन्न प्रकार के टेबल टैग के एट्रिब्यूट का प्रयोग करते है जैसे कि BORDER Attribute, SPAN Attribute, ROWSPAN और COLSPAN Attributes तथा CELLPADDING और CELLSPACING Attributes इत्यादि |

दोस्तों इस पोस्ट में टेबल टैग के विभिन्न प्रकार एट्रिब्यूट के बारे में उनके उदाहरण सहित बताया गया है जिसे पढ़करके आप बोहोत ही आसानी से टेबल टैग के सभी एट्रिब्यूट के बारे में आसानी से समझ सकते है |

1. BORDER Attribute

Border attribute in html: HTML table में BORDER attribute का प्रयोग table के border को define करने के लिए किया जाता है। आप BORDER attribute की value का size जितना बढ़ाते जायेंगे, आपकी table के border का size भी उतना ही बढ़ता जाता है।

Example: HTML में BORDER Attribute का प्रयोग निम्न प्रकार से किया जाता है।

<table border="1">
<tr><th>Name</th><th>City</th></tr>
<tr><td>Shubham</td><td>Kanpur</td></tr>
</table>

2. SPAN Attribute

Span attribute in html: HTML table में SPAN attribute का use <col> tag के साथ में किया जाता है। आप SPAN attribute की जितनी value define करेंगे, table में उतने की columns की formatting होती है।

Example: HTML में SPAN Attribute का प्रयोग निम्न प्रकार से किया जाता है।

 <table border="1" cellpadding="10px" cellspacing="10px">
      <colgroup>
        <col span="2" style="background-color: aqua;"/>
        <col style="background-color: yellow" />
      </colgroup>  
      <thead>
        <tr ><th>NAME</th><th>COLLEGE</th><th>CITY</th></tr>
      </thead>
      <tbody>
        <tr><td>ROHAN</td><td>IET LUCKNOW</td><td>LUCKNOW</td></tr>
        <tr><td>MOHAN</td><td>MMMUT</td><td>GORAKHPUR</td></tr>
      </tbody>
    </table>

3. ROWSPAN और COLSPAN Attributes

What is rowspan and colspan: HTML table में ROWSPAN attribute का प्रयोग दो या दो से अधिक rows को एक single cell में convert करने के लिए किया जाता है | आप ROWSPAN attribute की जितनी value को देते हैं तो उतनी rows एक single cell में convert होकर दिखाई पड़ने लगती है तथा COLSPAN attribute का प्रयोग दो या दो से अधिक columns को एक single cell में merge करने के लिए किया जाता हैं। इन दोनों Values को <td> tag के अन्दर देते हैं।

Example: HTML में ROWSPAN और COLSPAN Attributes का प्रयोग निम्न प्रकार से किया जाता है।

<html>
  <head>
    <title>HTML-85</title>
    <style>
	td
	{
	  height: 100px;
 	 width: 100px;
	}
    </style>
  </head>
  <body>
<table border="1">
  <tr><td></td><td></td><td></td></tr>
  <tr><td></td><td colspan="2"></td></tr>
  <tr><td colspan="3"></td></tr>
</table>
<br>
<table border="1">
  <tr><td></td><td></td><td></td></tr>
  <tr><td rowspan="2"></td><td colspan="2"></td></tr>
  <tr><td colspan="2"></td></tr>
</table>
  </body>
</html>

4. CELLPADDING और CELLSPACING Attributes

Cellpadding and cellspacing in html: HTML table में CELLPADDING तथा CELLSPACING दोनों ही attributes का use <table> tag के साथ में किया जाता हैं तथा CELLPADDING attribute का प्रयोग cells में padding देने के लिए तथा CELLSPACING का प्रयोग cells में margin देने के किया जाता हैं।

Example: HTML में CELLPADDING और CELLSPACING Attributes का प्रयोग निम्न प्रकार से किया जाता है।

 <table border="1" cellpadding="10px" cellspacing="10px">
      <caption>
        Student Information
      </caption>
      <thead>
        <tr><th>NAME</th><th>COLLEGE</th><th>CITY</th></tr>
      </thead>
      <tbody>
        <tr><td>ROHAN</td><td>IET LUCKNOW</td><td>LUCKNOW</td></tr>
        <tr><td>MOHAN</td><td>MMMUT</td><td>GORAKHPUR</td></tr>
      </tbody>
    </table>

निष्कर्ष – Attributes of table tag

दोस्तों मैं उम्मीद करता हूँ कि मैंने इस पोस्ट के माध्यम से आपको Table tag attributes in html यानि कि टेबल टैग के विभिन्न ऐट्रिब्यूट्स के बारे बताया है उन्हें आप बोहोत ही आसानी से समझ गए होंगे गए होंगे क्यूंकि मैंने इस पोस्ट के माध्यम से आपको बोहोत ही आसानी से यह समझाने का पूर्णतः प्रयास किया है कि आप कैसे HTML table tag के सभी attributes का प्रयोग कर सकते है।

पोस्ट को पूरा पढने के लिए धन्यवाद ! अगर आपका इस पोस्ट से सम्बन्धित कोई भी प्रश्न है तो आप नीचे कमेंट करके पूंछ सकते है |

यह भी पढ़ें –

Loading

5/5 - (1 vote)
पोस्ट को शेयर करे!

Related Posts:

Leave a Comment

error: Content is protected !!