ADVANCE HTML

 

                                                        HTML Table Tutorial

 

Definition and Usage

The best way to split a page into different sections is to use HTML <table> Tag.

HTML Table section is top of (start with) <table> tag, and closed it right down at the </table> tag. Everything in between those two tags is inside the table, as you can see in following screenshot.

» Look at the following figure. <table> tag inside you need two more tag first is <tr> tag, which stands for table row. It is closed with the </tr> tag. And another one is <td> tag, which stands for table data.

» Every time you add a <tr> tag, when table will gain an extra row. In the table you just made, these is only one row section, so these is only one row.

» HTML <td> tag stands for table data (also say table column), and it places one cell in your table row.

» HTML table you also merge two or more column or two or more row merge using respectively colspan or rowspan attributes.

Understanding <table> Tags

 

 

परिभाषा और उपयोग
किसी पृष्ठ को अलग-अलग हिस्सों में विभाजित करने का सबसे अच्छा तरीका HTML <table> टैग का उपयोग करना है
एचटीएमएल सारणी अनुभाग <तालिका> टैग के साथ (ऊपर से शुरू होता है), और </ table> टैग पर इसे नीचे बंद कर दिया गया है। उन दोनों टैग्स के बीच की सभी चीज़ें तालिका के अंदर हैं, जैसा कि आप निम्नलिखित स्क्रीनशॉट में देख सकते हैं।
»निम्नलिखित आंकड़े देखें अंदर <टेबल> टैग आपको दो और टैग की आवश्यकता है <tr> टैग, जो तालिका पंक्ति के लिए खड़ा है यह </ tr> टैग के साथ बंद है और दूसरा <td> टैग है, जो तालिका डेटा के लिए खड़ा है
»हर बार जब आप एक <tr> टैग जोड़ते हैं, जब तालिका में एक अतिरिक्त पंक्ति प्राप्त होगी आपके द्वारा बनाई गई तालिका में, ये केवल एक पंक्ति अनुभाग हैं, इसलिए ये केवल एक पंक्ति है
»HTML <td> टैग तालिका डेटा (यह भी तालिका स्तंभ कहते हैं) के लिए है, और यह आपकी तालिका पंक्ति में एक सेल रखता है।
»एचटीएमएल तालिका में आप दो या दो से अधिक स्तंभ या दो या दो से अधिक पंक्ति मर्ज करते हैं क्रमशः कॉलस्पान या रोशनी गुणों का उपयोग करते हैं।

 

<Table> टैग को समझना

 

 

 

 

 

 

 

<table> Attributes

Attributes	Value	Description
align	Left,Right,Center	Declared your alignment side.
width	"Size_px"	Specify the Width Size of the Table.
height	"Size_px"	Specify the Height Size of the Table.
bgcolor	"purple"	Specify the Background Color.
background	"Specified_URL"	Specify the Background Image open for URL file.
border	"Size_px"	Specify the size of border thickness.
bordercolor	"Yellow"	Specify the color of border.
cellspacing	"Size_px"	Specify the space between two Cell.
cellpadding	"Size_px"	Specify the space between cell boundary and text.

<th> Attributes

Attributes	Value	Description
bgcolor	"purple"	Specify the Background Color.
colspan	"Column_N"	Specify the span of there column.
rowspan	"Row_N"	Specify the span of there Row.

<tr> Attributes

Attributes	Value	Description
bgcolor	"purple"	Specify the Background Color.