How to Learn HTML Coding in Hindi | HTML Coding Lesson-07 in Hind | Html Note Book in Hindi | HTML Code Download Notepad File | how to use table tag in html in hindi
Lesson-07 - Table Tag का उपयोग करना एवं टेबल कैसे बनाते है ?
दोस्तों आज का यह विडियो आपके लिए बहुत ही उपयोगी साबित होगा क्योकि इस अर्टिकल में मैं आपको html में टेबल कैसे बनाते है इसके बारे में बताने वाला हु, क्योकि html में टेबल बनाना जितना ही आसान है उतना ही कोडिंग को समझना, क्योकि यदि आप इस अर्टिकल को पूरा पढ़ लेते है तो यकीन मानिये आपको html में बहुत ही असान हो जायेगा html में कोडिंग करके टेबल बनाना और इसके साथ में दोस्तों हमारे द्वारा आपको टेबल कैसे बनाते है उसका टैग की दिया जायेगा जिसे देख कर आप समझ सकते है की कैसे टेबल बनाते है|
टेबल कैसे बनते है ?
चलिए दोस्तों अब यह जान लेते है की html में टेबल कैसे बनते है टेबल बनाने से पहले मैं आपको टेबल का इमेज निचे दे रहा हु जिसे देख सकते है आप और इसी तरह का टेबल बनाने के लिए मैं बताने वाला हु|
दोस्तो जैसा की आप ऊपर देख सकते है ऊपर मैंने 4 टेबल बनाया है और ऊपर दिए गए सभी टेबल को मैंने ब्लॉगर में html कोड का उपयोग करके बनाया गया है, तो चलिए दोस्तों अब यह जानकारी ले लेते है की html में टेबले कैसे बनाते है
पहला वाला टेबल कैसे बनाते है ?
पहले वाला टेबले html में जिस भी कोड का उपयोग करके बनाया गया है वह html को कोड मैं निचे दे रहा हु जिसे देख कर आप समझ सकते है और उसे आप कॉपी करके नोटपैड में paste करके html फाइल में सेव करके रन कराकर देख सकते है |
<html>
<body>
<table border=1>
<tr>
<td> Sr No </td>
<td> Name </td>
<td> Age </td>
<td> Mobile No </td>
</tr>
<tr>
<td> 01 </td>
<td> Samar </td>
<td> 09 Year </td>
<td> 9956999999 </td>
</tr>
<tr>
<td> 02 </td>
<td> Anuj Sahani </td>
<td> 02 Year </td>
<td> 9864615000 </td>
</tr>
</table>
</body>
</html>
दूसरा वाला टेबल कैसे बनाते है ?
दोस्तों अब यह भी सीख लेते है की दूसरा वाला टेबल बनाने के लिए html में कौन कौन से टैग का उपयोग किया गया है और किस तरह html में कोडिंग करें दुसरे वाले टेबल को बनाने के लिए|
<html>
<body>
<table border=2 bgcolor="Yellow" align="center">
<tr>
<td Align="center"> Sr No </td>
<td Align="center"> Name </td>
<td Align="center"> Age </td>
<td Align="center"> Mobile No </td>
</tr>
<tr>
<td Align="center"> 01 </td>
<td> Samar </td>
<td> 09 Year </td>
<td> 9956999999 </td>
</tr>
<tr>
<td Align="center"> 02 </td>
<td> Anuj Sahani </td>
<td> 02 Year </td>
<td> 9864615000 </td>
</tr>
</table> <br>
</body>
</html>
तीसरा टेबल कैसे बनाते है ?
जैसा की आपने ऊपर दोनों टेबल के बारे में जाना की कैसे बनाते है और उसका कोड क्या होता है इसी तरह इस तीसरे टेबले को बनाने के लिए जो भी टैग का उपयोग किया गया है उसका भी कोड मैं निचे दे रहा हु|
<html>
</body>
<table border=3>
<tr bgcolor="lightpink">
<td Align="center"> Sr No </td>
<td Align="center"> Name </td>
<td Align="center"> Age </td>
<td Align="center"> Mobile No </td>
</tr>
<tr bgcolor="yellow">
<td Align="center"> 01 </td>
<td> Samar </td>
<td> 09 Year </td>
<td> 9956999999 </td>
</tr>
<tr bgcolor="orange">
<td bg color="Light Pink" Align="center"> 02 </td>
<td> Anuj Sahani </td>
<td> 02 Year </td>
<td> 9864615000 </td>
</tr>
</table> <br>
</body>
</html>
चार नंबर वाला टेबल कैसे बनाते है ?
दोस्तोंजैसे आपने ऊपर दिए गए तीनो टेबल को बनाने के लिए सिखा ठीक उसी तरह आप 4 नंबर वाले टेबल को बनाने के लिए भी सीख सकते है और चार नंबर वाले टेबल को बनाने में जो भी कोड का उपयोग किया गया है उसका कोड निचे दिया जा रहा है |
<html>
<body>
<table border=4 align="center">
<tr>
<td rowspan=2 align="center"> Sr No </td>
<td rowspan=2 Align="center"> Item </td>
<td colspan=2 align="center"> Amount </td>
</tr>
<tr>
<td align="center"> Rs </td>
<td align="center"> P. </td>
</tr>
<tr>
<td> 01 </td>
<td> Mouse </td>
<td> 1000 </td>
<td> 10 </td>
</tr>
<tr>
<td> 02 </td>
<td> Keyboard </td>
<td> 2000 </td>
<td> 80 </td>
</tr>
</table>
</body>
</html>
ऊपर टेबल में जो भी कोड का उपयोग किया गया है उन सभी कोड का क्या नाम है ?
- <Table> </Table> इस टैग का नाम है टेबल टैग इस टैग का उपयोग html में टेबल बनाने के लिए किया जाता है|
- <tr> </tr> इस टैग का नाम है Row Tag इसका उपयोग किसी भी टेबल में Row बनाने के लिए किया जाता है|
- <td> </td> Table Data यानि की Column इस टैग का उपयोग करके टेबल में कॉलम बनाने के लिए किया जाता है |
- <table border=1> टेबल में बॉर्डर देने के लिए इस टैग का आप उपयोग कर सकते है |
- <table bgcolor="yellow"> दोस्तों इसी तरह इस टैग का उपयोग पुरे टेबल को को color करने के लिए किया जाता है यानि की टेबल की background को color करने के लिए किया जाता है|
- <table size = 100%> इस टैग का उपयोग से ब्राउज़र के पुरे पेज में टेबल को आने के लिए किया जाता है |
- <th> </th> इस कोड का पूरा नाम है टेबल हैडिंग है यदि आप टेबल में पहले वाले row को बोल्ड करना या फिट हैडिंग देना चाहए है तो इस कोड के मदद से आप दे सकते है |
- <tr colspan=2> इसका पूरा नाम टेबल में दो या से अधिक के कॉलम को एक साथ में मर्जे करने के लिए किया जाता है| यदि आप दो कॉलम मर्जे जरना चाहते है तो colspan=2 ;लिखेंगे यदि आप 4 कॉलम मर्ज करना चाहते है तो इसके आपको colspan=2 के जगह 4 लिखना होगा|
- <<td rowspan=2> इसका पूरा नाम है Row Marge इसका उपयोग टेबल में row को मर्ज करने के लिए किया जाता है|
Comments
Post a Comment