Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> HTML

HTML में टेबल कॉलम्स के लिए एट्रिब्यूट्स कैसे शामिल करें?

टेबल कॉलम्स के लिए एट्रिब्यूट्स शामिल करने के लिए <col> टैग का उपयोग करें। HTML <col> टैग लेखकों को टेबल कॉलम्स के लिए एट्रिब्यूट स्पेसिफिकेशन्स को एक साथ समूहित करने की अनुमति देता है। यह कॉलम्स को संरचनात्मक रूप से समूहित नहीं करता -- वह <colgroup> एलिमेंट की भूमिका है।

निम्न एट्रिब्यूट्स हैं:

एट्रिब्यूट मान विवरण
alignright, left, center, justify, charक्षैतिज संरेखण परिभाषित करता है, HTML5 में समर्थित नहीं
charcharacteralign="char" के साथ उपयोग करने के लिए कैरेक्टर परिभाषित करता है, HTML5 में समर्थित नहीं
charoffpixelपहले कैरेक्टर के विरुद्ध संरेखण ऑफसेट, HTML5 में समर्थित नहीं
spannumber<col> कितने कॉलम फैलाएगा, HTML5 में समर्थित नहीं
valignbottom, middle, top, baselineलंबवत संरेखण परिभाषित करता है, HTML5 में समर्थित नहीं
widthpixels or %प्रत्येक कॉलम के लिए डिफ़ॉल्ट चौड़ाई, HTML5 में समर्थित नहीं

उदाहरण

<col> टैग लागू करने का कोड:

<!DOCTYPE html>
<html>
  <head>
    <title>HTML col Tag</title>
  </head>
  <body>
    <p>This example shows a colgroup that has three columns of different widths:</p>
    <table border="1">
      <colgroup span="4">
        <col width="40"></col>
        <col width="70"></col>
        <col width="100"></col>
        <col width="130"></col>
        <col width="160"></col>
      </colgroup>
      <tr>
        <td>One</td>
        <td>Two</td>
        <td>Three</td>
        <td>Four</td>
        <td>Five</td>
      </tr>
    </table>
  </body>
</html>

नोट: सूचीबद्ध अधिकांश एट्रिब्यूट्स HTML5 में डिप्रिकेटेड/हटाए गए हैं। आधुनिक तरीका: CSS width, text-align, vertical-align का उपयोग करें। <colgroup> और <col> अभी भी मान्य हैं लेकिन स्टाइलिंग के लिए CSS पसंद किया जाता है।

  1. HTML में कॉलैप्स्ड बॉर्डर कैसे बनाएं? HTML में कॉलैप्स्ड बॉर्डर कैसे बनाएं?

    CSS border-collapse प्रॉपर्टी टेबल बॉर्डर्स को सिंगल बॉर्डर में मिलाने के लिए CSS border-collapse प्रॉपर्टी उपयोग करें। इसके दो मान होते हैं: मानविवरण separateबॉर्डर्स अलग-अलग रहते हैं (डिफ़ॉल्ट) collapseबॉर्डर्स एक सिंगल बॉर्डर में मिल जाते हैं उदाहरण: collapse <!DOCTYPE html> <html

  1. HTML में टेबल बॉर्डर कैसे बनाएं? HTML में टेबल बॉर्डर कैसे बनाएं?

    CSS border प्रॉपर्टी उपयोग करें HTML5 में <table> का border एट्रिब्यूट डिप्रिकेटेड है। टेबल, <th> और <td> के लिए CSS border प्रॉपर्टी उपयोग करें। उदाहरण <!DOCTYPE html> <html> <head> <style> table, th, td { border: 1px solid black; } </s

  1. HTML में टेबल कॉलम्स कैसे मर्ज करें? HTML में टेबल कॉलम्स कैसे मर्ज करें?

    colspan एट्रिब्यूट का उपयोग टेबल कॉलम्स मर्ज करने के लिए <td> टैग में colspan एट्रिब्यूट उपयोग करें। इससे आसन्न सेल्स आपस में मिल जाते हैं। उदाहरण: सामान्य टेबल (3x3) <!DOCTYPE html> <html> <head> <style> table, th, td { border: 1px solid black; width: 100