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

HTML में टेबल रो (पंक्ति) कैसे जोड़ें?

HTML टेबल में एक पंक्ति (row) परिभाषित करने के लिए <tr> टैग का उपयोग किया जाता है। प्रत्येक <tr> में <th> (हेडर सेल) या <td> (डेटा सेल) तत्व होते हैं।

विशेषताएँ (सभी निरस्त)

विशेषता मान विवरण
align right, left, center, justify, char निरस्त - क्षैतिज संरेखण। CSS text-align का उपयोग करें।
bgcolor rgb(x,x,x), #hexcode, colorname निरस्त - पृष्ठभूमि रंग। CSS background-color का उपयोग करें।
char Character निरस्त - संरेखण वर्ण। जब align="char" हो।
charoff पिक्सेल या % निरस्त - संरेखण ऑफसेट। जब align="char" हो।
valign top, middle, bottom, baseline निरस्त - लंबवत संरेखण। CSS vertical-align का उपयोग करें।

उदाहरण

निम्नलिखित कोड HTML टेबल में पंक्ति जोड़ने का तरीका दर्शाता है:

<!DOCTYPE html>
<html>
  <head>
    <title>HTML tr Tag</title>
    <style>
      table { border-collapse: collapse; width: 100%; }
      th, td { border: 1px solid #ddd; padding: 8px; text-align: left; }
      th { background-color: #f2f2f2; }
      tr:nth-child(even) { background-color: #f9f9f9; }
    </style>
  </head>
  <body>
    <table>
      <tr>
        <th>क्रिकेटर</th>
        <th>रैंकिंग</th>
      </tr>
      <tr>
        <td>विराट कोहली</td>
        <td>1</td>
      </tr>
      <tr>
        <td>एबी डिविलियर्स</td>
        <td>2</td>
      </tr>
      <tr style="background-color: #e8f5e9;">
        <td>रोहित शर्मा</td>
        <td>3</td>
      </tr>
    </table>
  </body>
</html>

मुख्य बिंदु

  • <tr> हमेशा <table>, <thead>, <tbody>, या <tfoot> के अंदर होना चाहिए।
  • पंक्ति स्टाइलिंग के लिए CSS का उपयोग करें (:nth-child(), background-color, आदि)।
  • सुलभता के लिए हेडर पंक्ति में <th> और डेटा पंक्तियों में <td> का उपयोग करें।
  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 वेबपेज में ऑडियो प्लेयर कैसे जोड़ें?

    HTML <audio> एलिमेंट का उपयोग वेब पेज में ऑडियो जोड़ने के लिए किया जाता है। ऑडियो प्लेयर जोड़ने के लिए, controls एट्रिब्यूट जोड़ें।HTML में निम्न तीन ऑडियो फॉर्मेट समर्थित हैं: MP3, Wav, और Ogg।उदाहरणHTML वेब पेज में ऑडियो प्लेयर जोड़ने के लिए निम्न कोड चलाएं:<!DOCTYPE html> <html>