Internet and web page designing

Table tag

Table Tag- Html मे सारणी बनाने के लिये Table Tag का उपयोग किया जाता है। किसी Table का तत्व का सामान्य रूप निम्न प्रकार है-

<table>
Table Data
</table>
इससे स्पष्ट है कि सारणी बनाने का प्रारंभ <Table> Tag से किया जाता है और समापन </table> Tag से किया जाता है। इन दोनो के बीच मे Table के Data को परिभाषित किया जाता है। इस Data मे Table का नाम प्र्रत्येक पंक्ति के प्रत्येक सैल की परिभाषा आदि शामिल होती है। इनको परिभाषित करने के लिये विभिन्न Tag का उपयोग किया जाता है।
Table Tag मे कई एट्रीव्यूट हो सकते है, जैसे- width, border, cellpadding, cellspacing, bgcolor आदि।
Td Tag- सारणी के किसी सैल को परिभाषित करने के लिये <td> Tag का उपयोग किया जाता है। इसका पूरा रूप है- table data इस टैग मे एक सैल की सामाग्र्री उसके विभिन्न एट्रीव्यूट के साथ दी जाती है। <td> टैग का उपयोग इच्छानुसार कितनी भी बार किया जा सकता है।
डदाहरण के लिये यदि हम केवल एक सैल वाली सारणी बनाना चाहते है, तो उसे निम्न प्रकार बना सकते है-
<table>
<td> one cell table </td>
</table>
Output-
one cell table
Border एट्रीव्यूट – ऊपर के उदाहरण की सारणी मे किसी बाॅर्डर का उपयोग नही किया जा सकता है। यदि हम बार्डर भी दिखाना चाहते है, तो हमे <table> tag के साथ border एट्रीव्यूट का उपयोग करना होगा। इसका सामान्य रूप निम्न प्रकार है-
<table border= “1”>
<td> one cell table </td>
</table>
Output-

one cell table

इस table मे एक से अधिक cell निम्न प्रकार जोड सकते है.

<table border= “2”>

<td> first cell table </td>

<td> second cell </td>

<td> third cell </td>

</table>

Output-

first cell

 

second cellthird cell

Width एट्रीव्यूट- ऊपर के उदाहरण की सारणी की कोई चैडाई नही दी गई है। जब चैडाई नही दी जाती है, तो उसकी चैडाई एक पंक्ति के सभी सैलो की चैडाई के योग के बराबर होती है। हम चाहे तो सारणी की चैडाई Width एट्रीव्यूट द्वारा दे सकते है। इसका सामान्य रूप निम्न प्रकार है-

<table border= “2” width=”500″ >

<td> first cell table </td>

<td> second cell </td>

<td> third cell </td>

</table>

Output-

 

first cell

 

second cellthird cell

Tr Tag पंक्तियाॅ जोडना– अभी तक के सभी उदाहरणो मे केवल एक पंक्ति है। यदि हम सारणी मे एक से अधिक पंक्तियाॅ देना चाहते है, तो उसके लिये <tr> tag का उपयोग किया जाता है। tr का पूरा रूप है Table Row.
उदाहरण के लिये हम दो पंक्तियो वाली एक सारणी हम निम्न प्रकार बना सकते है.

<table border= “2” width=”500″ >

<tr>

<td> first cell table </td>

<td> second cell </td>

<td> third cell </td>

</tr>

<tr>

<td> first cell of 2nd row </td>

<td> second cell of 2nd row </td>

<td> third cell of 2nd row </td>

</tr>

</table>

Output-

 

 

first cell

 

second cellthird cell
first cell of 2nd rowsecond cell of 2nd rowthird cell of 2nd row