दोस्तों इस chapter में हम HTML tables के बारे में जानेंगे तो चलिए शुरू करते है, HTML में tables का उपयोग हम डाटा को insert करने के लिए करते है, और table के अंदर हम किसे भी student की Information या employee की salary के डाटा को store कर सकते है, इसको <table> tag से डिफाइन करते है table को हम <body> tag के अंदर डिफाइन करते है।
दोस्तों जैसा की आप जानते है HTML Table बनाने के लिए <table> tag का उपयोग किया जाता है और Table row को <tr> tag से Defined किया जाता है और table header को <th> tag से डिफाइंड किया जाता है और table data/cell को <td> tag से डिफाइंड किया जाता है।
किसी भी Table row को columns से मिला कर ही बनाया जाता है, इसलिये आप <table> tag के बाद table row को create करते है और table row को create करने के लिए आपको <tr> tag का उपयोग करना होता है। आप जितनी बार rows create करना चाहते है उतने ही बार आपको <tr> tag को define करना होता है.
Rows को create करने के बाद आप rows मे columns को create कर सकते है। Columns create करने के लिये
<!DOCTYPE html> <title>For Example</title> <table class = "no-class" border="5"> <tr> <th>Header</th> <th>Header</th> <th>Header</th> </tr> <tr> <td>Raj</td> <td>Rahul</td> <td>Reena</td> </tr> <tr> <td>Apple</td> <td>Mango</td> <td>Quince</td> </tr> </table>
Header | Header | Header |
---|---|---|
Raj | Rahul | Reena |
Apple | Mango | Quince |
किसी भी Table को create करते समय आपको tags order का अच्छे से ध्यान रखना चाहिए आपको पता ही होगा सबसे पहले <table> tag आता है और इसके बाद <tr> tag आता है और उसके बाद <th> और <td> tags आते है, ये बात हमेशा याद रखना <th> और <td> tags हमेशा <tr> tags के अंदर ही आते है।
दोस्तों <table> tag के साथ border attribute का उपयोग करके आप table के सभी data के चारों और एक border बना सकते है वैसे इसका उपयोग करना जरूरी नहीं है but आप चाहें तो कर सकते है. HTML Table के साथ CSS का उपयोग करके इसे और ज्यादा सुन्दर बनाया जा सकता है।