इस से पहले tutorials में हमने HTML table , HTML टेबल बॉर्डर कलर
और HTML table bgcolor जैसी ऐट्रिब्यूट्स के बारे में सीखा था । इस tutorial में हम HTML टेबल के Cellpadding एट्रिब्यूट के बारे में सीखेंगे ।
सेलपैडिंग सेल के आंतरिक स्थान को छोटा या बड़ा करता हैं ।
हम 20px, 30px, 100px या इसी तरह के पिक्सेल द्वारा सेल के लिए cellpadding को परिभाषित करते हैं।
साधारण Hindi भाषा में कहे तो टेबल के अंदर जितने भी बॉक्स बनते हैं जिन्हे हम सेल कह सकते हैं जिनमे डाटा होता हैं तो उन सेल के अंदर के स्पेस को घटाना या बढ़ाना टेबल के एट्रिब्यूट cellpadding के द्वारा किया जाता हैं ।
टेबल सेल पैडिंग का उपयोग करके टेबल ओर भी अच्छी दिखाई देने लगती हैं और सेल में बहुत सारे डाटा को आसानी से मैनेज भी किया जा सकता हैं ।
Cellpadding के साथ साथ हम HTML टेबल cellspacing का भी उपयोग कर सकते हैं ।
Cellspacing सभी cells के बिच के स्पेस को बढ़ाने या घटाने में मदत करता हैं ।
चलिए एक HTML टेबल बनाते हैं और उसमे cellpadding और cellspacing टेबल attribute का उपयोग करते हैं ।
HTML Cellpadding
<!DOCTYPE html>
<html>
<head>
<title>HTML Table </title>
</head>
<body>
<table height="150" width="500" border="1"cellspacing="10px"cellpadding="30px">
<tr>
<td>
Employee Name
</td>
<td>
Ramesh
</td>
<td>
Vikash
</td> <td>
Sheema
</td>
</tr>
<tr>
<td>
Salary
</td>
<td>
10000
</td>
<td>
15000
</td> <td>
20000
</td>
</tr>
</table>
</body>
</html>
Run
ऊपर दिए गए example में हमने HTML टेबल को बनाया हैं । HTML टेबल में height , width , cellspacing और cellpadding को डिफाइन किया हैं ।
यहाँ पर आप देख सकते हैं की cellpadding को 30px और celspacing को 10px दिया हैं ।
इस तरह से आप pixel को कम या ज्यादा डिफाइन करके cellspacing या cellpadding को कम या ज्यादा कर सकते हैं ।
इस तरह से हटम्ल टेबल में सेलपैडिंग को डिफाइन किया जा सकता हैं ।
Recommended Posts:-