Skip to main content

TABLE WITH BORDER (HTML CODE)

Header 1 Header 2 Header 3
Row 1, Column 1 Row 1, Column 2 Row 1, Column 3
Row 2, Column 1 Row 2, Column 2 Row 2, Column 3


<table style="border: 1px solid black;">
  <tbody><tr>
    <th style="border: 1px solid black;">Header 1</th>
    <th style="border: 1px solid black;">Header 2</th>
    <th style="border: 1px solid black;">Header 3</th>
  </tr>
  <tr>
    <td style="border: 1px solid black;">Row 1, Column 1</td>
    <td style="border: 1px solid black;">Row 1, Column 2</td>
    <td style="border: 1px solid black;">Row 1, Column 3</td>
  </tr>
  <tr>
    <td style="border: 1px solid black;">Row 2, Column 1</td>
    <td style="border: 1px solid black;">Row 2, Column 2</td>
    <td style="border: 1px solid black;">Row 2, Column 3</td>
  </tr>
</tbody></table>

ब्लॉगर में सीमाओं के साथ एक तालिका बनाने के लिए, आप निम्नलिखित HTML कोड का उपयोग कर सकते हैंः
इस कोड में, हमने 1 पिक्सेल चौड़ाई और एक ठोस काले रंग की सीमा को लागू करने के लिए तालिका और कोशिकाओं (th और td) में शैली विशेषता को जोड़ा है।

आप शैली विशेषता में मूल्यों को बदलकर सीमा को अनुकूलित कर सकते हैं। उदाहरण के लिए, आप एक अलग हेक्साडेसिमल कोड का उपयोग करके रंग बदल सकते हैं, या आप पिक्सेल मान को बढ़ाकर या घटाकर सीमा की चौड़ाई बदल सकते हैं।

इस कोड को अपने ब्लॉगर पोस्ट के HTML संपादक में कॉपी और पेस्ट करें और नमूना डेटा को अपनी खुद की सामग्री के साथ बदलें।

Comments