हिन्दी में वैबसाइट डिजाइनिंग सीखना चाहते हैं तो हमारी साइट code sikho hindi को Subscribe करें

How to Learn Free HTML Part-5 Full Detail In Hindi

 How to Learn Free HTML Part-5 

How to Learn Free HTML Part-5 (2021)


How to Learn HTML In Hindi Part 5


Make Table In HTML [Table Teg ]


इस आर्टिकल में हम देखेगें की कैसे हम हमारे वेब पेज पर किसी भी प्रकार की Table बना सकते है और कैसे उसमें data को add करते है |


हमने Learn HTML Part 4  Article  में यह देखा था की कैसे हम web Page में anchor teg का use करके किसी भी प्रकार की link को display करा सकते है जिस पर click करने से हम उस लिंक पर redirect हो जाते है, साथ ही हमने यह भी देखा था की कैसे हम वेब पेज पर img teg का use करके direct image को show करा सकते है |


 TABLE TEG


बहुत बार ऐसा होता है की हमारे पास किसी प्रकार का डेटा होता है जिसे हम paragraph के रूप में display नही कर सकते है उस डेटा को display कराने के लिए हमें table की जरूरत होती है |


html programming language की मदद से हम वेब पेज पर Table draw कर सकते है  :


<html>

         <body>

<h3>AbhayTech4U</h3>   

<hr>

<h2>Use Of Table Teg  </h2>

<hr>

<hr>

<table border="1">

    <tr>

        <d> Sr. no. </td>

        <td> Name </td>

        <td> Score </td>

    </tr>


    <tr>

        <td> 1 </td>

        <td>Ajay</td>

        <td>95</td>

    </tr>


    <tr>

        <td>2</td>

        <td>Mukesh</td>

        <td>250</td>

    </tr>


    <tr>

        <td>3</td>

        <td>Manish</td>

        <td>159</td>

    </tr>


</table>

         </body>

</html>


उपर लिखे हुए html code की मदद से आप अपने वेब पेज में किसी भी प्रकार की table को बना सकते है और उसमें अपनी इच्छा से कोई भी डेटा भर सकते है | इस table teg में कुछ और teg का भी use किया गया है जिसकी सहायता से आप table में पंक्तियों को लिख सकते है |

How to Learn HTML Part 5 01

How to Learn HTML Part 5 02


यहाँ ध्यान दें की table teg, tr teg,  और td teg ये सभी closing teg होते है अर्थात् इनको शुरु करने के बाद बंद भी करना होता है |


<tr> :- यह teg table में पंक्ति बनता है


<td> :- यह teg table में deta को भरता है (हमें जितने प्रकार के कोलम बनाने होते है उतनी बार हमे इस td teg का use करना होता है )


-:- यदि हमें हमारी table के background का color change करना होता है या बॉर्डर की size change करनी होती है तो हम opening table teg के साथ bgcolor और border कमांड का use करते है |


<table border="type size"  bgcolor="Type color name ">

How to Learn HTML Part 5 03

How to Learn HTML Part 5 04


-:- अगर हम चाहें तो किसी भी एक box या एक लाइन का भी color change कर सकते है | यदि हमे किसी एक box का color change करना होता है तो td के opening teg के साथ bgcolor कमांड का use किया जाता है | और यदि किसी लाइन का color change करना होता है तो tr teg के साथ bgcolor कमांड का use किया जाता है |


जब हम html से हमारे वेब पेज पर table बनाते है तो वह table अपने आप left side में बनती है लेकिन अगर हम चाहे तो उस table को हमारे वेब पेज के center में भी draw कर सकते है इसके लिए हमें सिर्फ table teg के पहले center teg का use करना होता है | लेकिन जैसा की आप जानते है center teg एक closing teg होता है इसलिए ऐसे बंद भी करना होता है इसलिए closing table teg के बाद हम closing center teg का use करते है |


Opening Teg :- वे tegs जिनको शुरु करने के बाद बंद नही किया जाता है जैसे br teg, hr teg etc.


Closing Teg :- वे tegs जिनको शुरु करने के बाद बंद किया जाता है जैसे html teg, body teg, center teg, table teg etc.