Thursday, December 19, 2013

Using Tables>> Creating HTML Table - (PART_20)

Topic: Creating html tables!

ExplanationTable is most beautiful concept in html.Now a days, most of the websites are created using table structure.The concept of table is very simple, just rows and columns.We will split the window in to so many number of rows and columns as required.


Table
This tag can not act alone. It needs "tr" and "td" tags with in it.

Example Code:

<table> </table>
As we know that table is a set of rows and columns, we introduce rows inside the table using
 <tr> </tr>. Also each row can have any number of columns. one to n..., so we introduce columns inside the rows using the tags <td> </td> 

So putting things together we define a table with a row and column as follows

Code:
<table>
<tr>
<td> This is first column</td>
</tr>
</table>

Result:

The result for above tag will be as
This is first column



Now we will create a table with one row and two columns

Code:
<table>
<tr>
<td> This is first column </td>
<td> This is second column </td>
</tr>
</table>

Result:

The result for above tag will be as
This is first column
This is second column