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

HTML टेबल के लिए हॉरिजॉन्टल हेडर कैसे सेट करें?


हॉरिजॉन्टल हेडर

टेबल में हॉरिजॉन्टल हेडर (क्षैतिज शीर्षक) के लिए सभी <th> टैग्स को एक ही <tr> (पंक्ति) के अंदर रखें, जो टेबल की सबसे ऊपरी पंक्ति होगी।

उदाहरण

<!DOCTYPE html> <html>
  <head>
    <style>
      table, th, td { border: 1px solid black; width: 100px; height: 50px; }
    </style>
  </head>
  <body>
    <h1>Employee Details</h1>
    <table>
      <tr>
        <th>Name</th> <th>Age</th> <th>Technology</th>
      </tr>
      <tr> <td>Amit</td> <td>27</td> <td>Database</td> </tr>
      <tr> <td>Sachin</td> <td>34</td> <td>Marketing</td> </tr>
    </table>
  </body>
</html>
  1. HTML में टेबल की चौड़ाई कैसे सेट करें? HTML में टेबल की चौड़ाई कैसे सेट करें?

    CSS width प्रॉपर्टी उपयोग करें HTML5 में <table> का width एट्रिब्यूट डिप्रिकेटेड है। टेबल की चौड़ाई सेट करने के लिए style एट्रिब्यूट के साथ CSS प्रॉपर्टी width उपयोग करें। नोट: इंलाइन style ग्लोबल स्टाइल्स को ओवरराइड कर देता है। उदाहरण <!DOCTYPE html> <html> <head> &

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

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

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

    colspan और rowspan दोनों का उपयोग टेबल सेल्स मर्ज करने के लिए colspan (स्तंभ) और rowspan (पंक्ति) एट्रिब्यूट्स एक साथ उपयोग करें। दोनों <td> टैग के अंदर जाते हैं। उदाहरण: सामान्य 3x3 टेबल <!DOCTYPE html> <html> <head> <style> table, th, td { border: 1px so