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

Popular posts from this blog

RESPONSIVE TABLE CODE FOR BLOGGER TESTED

Steps to add this HTML CSS Responsive Grid Layout to your blogger post. Steps to add images to HTML CSS Responsive Grid Layout Generator for blogger post. Steps to add this HTML CSS Responsive Grid Layout to your blogger post. Go to your blogger dashboard and click on the new post. Create and design content for the first cell. After creating and styling the content for the first cell, click on Html Tab. Copy the content available in the HTML editor (Ctrl+A and Ctrl+C). Then come back to this site, click on Cell then paste the copied code into cell1. Repeat the same procedure for all cells. After creating content for all cells, customize the design for a responsive layout. Then copy the generated code and go back to your post editor. Click on the HTML tab then paste the copied code. Publish and view the post. Simple Grid Responsive Template will be added to your blogger post. Steps to add images to HTML CSS Responsive Grid Layout Generator for blogger post. Go to your blogger dashboard ...

HOW TO ADD CSS CODE IN BLOG THEME CSS COUSTOM

  अपने ब्लॉगर पोस्ट के लिए सीमाओं और जवाबदेही के साथ एक तालिका जोड़ने के लिएः ब्लॉगर पोस्ट एडिटर खोलें और HTML मोड पर स्विच करें। तालिका के लिए HTML कोड को उस संपादक में कॉपी और पेस्ट करें जहां आप तालिका को प्रदर्शित करना चाहते हैं। अपने ब्लॉगर थीम संपादक के "कस्टम CSS" अनुभाग में CSS कोड को कॉपी और पेस्ट करें। यह सुनिश्चित करने के लिए कि तालिका सही ढंग से प्रदर्शित हो रही है, अपनी पोस्ट का पूर्वावलोकन करें। जब आप तालिका की उपस्थिति से संतुष्ट हों तो अपनी पोस्ट प्रकाशित करें। ध्यान दें कि यदि आप तालिका की उपस्थिति में परिवर्तन करना चाहते हैं, तो आपको तदनुसार HTML और CSS कोड को संपादित करने की आवश्यकता होगी। HOW TO GET CUSTOM CSS TEACH ME STEP BY STEP HOW TO PASTE IT THERE अपने ब्लॉगर थीम में कस्टम CSS जोड़ने के लिए, इन चरणों का पालन करेंः अपने Blogger Dashboard पर जाएं और बाएं हाथ के मेनू से "Theme" विकल्प पर क्लिक करें। उस थीम के बगल में "अनुकूलित करें" बटन पर क्लिक करें जिसे आप संपादित करना चाहते हैं। बाएं हाथ के मेनू में, "उन्नत" विकल्प पर क्लिक...