HTML भाग 24 सीखना: HTML में सेलपैडिंग और सेलस्पेसिंग विशेषता का उपयोग करना

पिछले लेख में, मैंने समझायाHTML में टेबल बनाने के बारे में। आप में से जो लोग पहले लेख पढ़ चुके हैं, निश्चित रूप से आप पहले से ही जानते हैं कि HTML में तालिकाओं को कैसे बनाया जाता है साथ ही कई टैग जो HTML में तालिकाओं के उपयोग का समर्थन करते हैं।

एकाधिक टैग का उपयोग कैसे करें का विवरणऔर HTML में तालिका विशेषताएँ भी पिछले लेखों में बताई गई हैं। इस चर्चा में, मैं अन्य विशेषताओं को पेश करूंगा जो HTML में तालिकाओं के उपयोग का समर्थन करती हैं, अर्थात् सेलपैडिंग और सेलस्पेसिंग विशेषताएँ। सेलपैड और सेलस्पेसिंग विशेषताओं का विवरण निम्नलिखित है:

cellpadding

सेलपैडिंग विशेषता का उपयोग निर्धारित करने के लिए किया जाता हैसेल में दीवार और सेल की सामग्री के बीच का स्पेसबार। सेलपैडिंग विशेषता का उपयोग केवल HTML4.01 द्वारा समर्थित है, लेकिन HTML5 द्वारा समर्थित नहीं है। HTML सेलपैडिंग विशेषता का लेखन है:

<table cellpadding="pixel">

सेल में रिक्ति का निर्धारण करने में सेलपैडिंग विशेषता का मूल्य पिक्सेल है। निम्न नमूना कोड लेखन और HTML में सेलपैडिंग का उपयोग कर:

<!DOCTYPE html>
<html>
<head>
<title>Penggunaan Atribut Cellpadding di HTML</title>
</head>
<body>
<table border="2" cellpadding="5">
<tr>
<th width="50">No</th>
<th>NIM</th>
<th>Nama</th>
</tr>
<tr>
<td align="center">1</td>
<td>071401001</td>
<td>Ridayanti</td>
</tr>
<tr>
<td align="center">2</td>
<td>071401002</td>
<td>Ahmad Zulham</td>
</tr>
</table>
</body>
</html>

ब्राउज़र में ऊपर HTML कोड निष्पादित होने के बाद, यह नीचे दिखाए गए अनुसार दिखाई देगा:

cellspacing

सेलस्पेसिंग विशेषता का उपयोग निर्धारित करने के लिए किया जाता हैकोशिकाओं के बीच अंतर। सेलपैडिंग विशेषता के समान, सेल स्पेसिंग विशेषता भी HTML5 द्वारा समर्थित नहीं है। नीचे HTML में सेलस्पेसिंग विशेषता लिखने का एक उदाहरण है:

<टेबल सेलस्पेसिंग = "पिक्सेल">

सेल में स्थान का निर्धारण करने में सेलस्प्रेसिंग विशेषता का मूल्य पिक्सेल है। निम्न नमूना कोड लेखन और HTML में सेलस्पेसिंग का उपयोग कर:

<!DOCTYPE html>
<html>
<head>
<title>Penggunaan Atribut Cellspacing di HTML</title>
</head>
<body>
<table border="2" cellspacing="5">
<tr>
<th width="50">No</th>
<th>NIM</th>
<th>Nama</th>
</tr>
<tr>
<td align="center">1</td>
<td>071401001</td>
<td>Ridayanti</td>
</tr>
<tr>
<td align="center">2</td>
<td>071401002</td>
<td>Ahmad Zulham</td>
</tr>
</table>
</body>
</html>

ब्राउज़र में उपरोक्त कोड निष्पादित होने के बाद यह नीचे दिखाए गए अनुसार दिखाई देगा:

ऊपर दी गई व्याख्या सेलपैडिंग और सेलस्पेसिंग और इन दो विशेषताओं के उपयोग के बीच के अंतर को दर्शाती है ताकि आपको दोनों के बीच के मतभेदों के बारे में भ्रमित होने की आवश्यकता न हो।

संक्षेप में, सेलपैडिंग के बीच की दूरी को नियंत्रित करता हैकोशिका भित्ति (फ्रेम) और कोशिका द्रव्य जबकि सेलस्पेसिंग एक कोशिका और दूसरी कोशिका के बीच की दूरी को नियंत्रित करता है। निम्नलिखित लिखित और HTML में सेलपैडिंग और सेलस्पेसिंग विशेषताओं के उपयोग के लिए कोड का एक उदाहरण है:

<!DOCTYPE html>
<html>
<head>
<title>Penggunaan Atribut Cellspacing dan Cellpadding di HTML</title>
</head>
<body>
<table border="2" cellspacing="5" cellpadding="5">
<tr>
<th width="50">No</th>
<th>NIM</th>
<th>Nama</th>
</tr>
<tr>
<td align="center">1</td>
<td>071401001</td>
<td>Ridayanti</td>
</tr>
<tr>
<td align="center">2</td>
<td>071401002</td>
<td>Ahmad Zulham</td>
</tr>
<tr>
<td align="center">3</td>
<td>071401003</td>
<td>Zulaikha</td>
</tr>
</table>
</body>
</html>

HTML तालिकाओं में सेलपैडिंग और सेलस्पेसिंग विशेषताओं के कार्य के बारे में चर्चा है। उम्मीद है कि आप इन दोनों विशेषताओं के उपयोग को समझ सकते हैं। उम्मीद है कि यह उपयोगी है!

</ P>

और पढ़ें: