दोस्तो HTML मे table tag बहुत हि महत्वपूर्ण है क्योंकी इस tag कि
मदत से हम हमारा डेटा ऑर्गनाईझड कर सकते है| html ने हमे table tag के साथ बहुत
सारे attribute भी दिये है जिनका इस्तेमाल करके हम हमारे html table को एक अच्छी
formating दे सकते है|
दोस्तो पिछले आर्टिकल मे हमने <table> tag के बारे मे पढा था | साथ मे हमने <table> tag के साथ इस्तेमाल होनेवाले बेसिक पर महत्वपूर्ण tags के बारे मे उदाहरण सहित पढा था| अगर आपने वो आर्टिकल नही पढा है तो नीचे दिये गये लिंक पर क्लिक करके आप उस आर्टिकल को पढ सकते है|
अब आपके
मन मे सवाल आता होगा कि table tag के attribute को कैसे table tag के साथ कैसे
इस्तेमाल करे? तो आज के इस आर्टिकल मे हम यही पढनेवाले है| table tag के
attribute कौनसे है? और उनका कैसे इस्तेमाल करना है? ये हमे इस आर्टिकल मे
स्टेप बाय स्टेप पढना है| नीचे attribute और उनका विवरण दिया है ध्यान से पढे और
समजे|
|
Attribute Name |
Description |
|
Border |
दोस्तो
इस attribute का इस्तेमाल करके हम table को बोर्डर दे सकते है| bydefault html
मे table को कोई बोर्डर नही आती मगर हम चाहे तो table tag के इस attribute का
इस्तेमाल करके table को बोर्डर दे सकते है जिससे हमारे table का लुक अच्छा लगता
है| |
|
Width |
इसका इस्तेमाल करके हम table
कि width सेट कर सकते है| |
|
Height |
इसका इस्तेमाल करके हम table
कि height सेट कर सकते है| |
|
Cell Padding |
इस attribute का इस्तेमाल
करके हम cell और उसके अंदर का जो डेटा होता है उसमे कितना स्पेस होना चाहिये ये
सेट कर सकते है | |
|
Cell Spacing |
दोस्तो दो cell के बीच मे हमे
कितनी spacing चाहिये याफिर देनी है वो हम इस attribute कि मदत से कर सकते है| |
|
Align |
इस attribute का इस्तेमाल
करके हम horizontal alignment को सेट कर सकते है| |
|
Valign |
इस attribute का इस्तेमाल
करके हम verticle alignment को सेट कर सकते है| |
|
Rowspan |
Rowsapning का मतलब है कि
verticle कॉलम के अंदर जितने भी cell आते है उनको merge करना मतलब Rowspan करना
होता है| |
|
Colspan |
Colsapning का मतलब है कि
horizontal रो के अंदर जितने भी cell आते है उनको merge करना मतलब Colspan करना
होता है| |
table के attribute को अच्छे से समजने के लिए नीचे दिये गये कोड को कॉपी करके notpad मे पेस्ट करे और उस फाईल को table.html (डॉट html) नाम से सेव्ह करे और उसे किसी भी browser मे ओपन करके चेक करे|
<head>
<Title> This is the Title of the web
page </title>
</head>
<body bgcolor="green"
text="white">
<h1> This is the Example of Table
with its attributes</h1>
<table border=8 width=100 height=100
cellspacing=10 cellpadding=15>
<th colspan=10>
Marksheet<h6>(Example of Colspan)</h6></th>
<tr>
<td>Sr.No.</td>
<td>Student Name</td>
<td>Marathi</td>
<td>Hindi</td>
<td>English</td>
<td>Math</td>
<td>Science</td>
<td>Total</td>
<td>Percentage</td>
<td>Result</td>
</tr>
<tr>
<td>1</td>
<td>Amit</td>
<td>95</td>
<td>50</td>
<td>85</td>
<td>50</td>
<td>85</td>
<td>365</td>
<td>73</td>
<td rowspan=3>Pass <br>
<h6>(Example of Rowspan)</h6></td>
</tr>
<tr>
<td>2</td>
<td>Sumit</td>
<td>65</td>
<td>45</td>
<td>20</td>
<td>70</td>
<td>70</td>
<td>270</td>
<td>54</td>
</tr>
<tr>
<td>3</td>
<td>Vijay</td>
<td>68</td>
<td>85</td>
<td>87</td>
<td>95</td>
<td>68</td>
<td>403</td>
<td>80.6</td>
</tr>
</body>
दोस्तो हमने इस आर्टिकल मे How to use
attribute of table tag in hindi? और Best hindi notes of table tag with its attribute को स्टेप
बाय स्टेप समजाने कि कोशिश कि है और table tag के attribute कौनसे है? और उनका
कैसे इस्तेमाल करना है? इस पोस्ट कि जानकारी आप अपने फ्रेंड्स को भी दे और
अपने सोशल मिडिया ग्रुप मे जरूर शेयर करे| जिससे ज्यादा लोगो के पास यह जानकारी
पहुच सके| हमारी पोस्ट table
tag के attribute को कैसे table tag के साथ कैसे इस्तेमाल करे? इसमे अगर कुछ भी प्रोब्लेम हो या फिर गलती हो
तो कृपया आप हमे comment करेके पुछ सकते है| हम जरूर उसका जवाब देंगे| अगर आप
Latest Update पाना चाहते है तो हमे follow करे और हमारी WebExcel की वेबसाईट को
सब्सक्राईब करे| दोस्तो हमारी पोस्ट पढने कि लिए धन्यवाद फिर मिलेंगे नई पोस्ट के
साथ तब तक के लिए अलविदा, आपका दिन शुभ हो|
ConversionConversion EmoticonEmoticon