Ok.... So now we are done with a lot of lists.. now let us study about tables...
Well all of you know what are tables...Now lets make a table in HTML...
<html>
<body>
<table style="width:100% border="1" ">
<tr>
<td>Jill</td>
<td>Smith</td>
<td>50</td>
</tr>
<tr>
<td>Eve</td>
<td>Jackson</td>
<td>94</td>
</tr>
<tr>
<td>John</td>
<td>Doe</td>
<td>80</td>
</tr>
</table>
</body>
</html>
Your result must be somewhat like this :-
ok now lets understand this code...
Tables are defined with the <table> tag.
Tables are divided into table rows with the <tr> tag.
Table rows are divided into table data with the <td> tag.
A table row can also be divided into table headings with the <th> tag.
Table data <td> are the data containers of the table.
They can contain all sorts of HTML elements like text, images, lists, other tables, etc.
In the next post we will start with <div></div> tags and will then begin with the basics of CSS...So keep practicing what we have learnt till now... because we will have a test...more information about this test will be in a post...
Well all of you know what are tables...Now lets make a table in HTML...
<html>
<body>
<table style="width:100% border="1" ">
<tr>
<td>Jill</td>
<td>Smith</td>
<td>50</td>
</tr>
<tr>
<td>Eve</td>
<td>Jackson</td>
<td>94</td>
</tr>
<tr>
<td>John</td>
<td>Doe</td>
<td>80</td>
</tr>
</table>
</body>
</html>
Your result must be somewhat like this :-
Tables are defined with the <table> tag.
Tables are divided into table rows with the <tr> tag.
Table rows are divided into table data with the <td> tag.
A table row can also be divided into table headings with the <th> tag.
Table data <td> are the data containers of the table.
They can contain all sorts of HTML elements like text, images, lists, other tables, etc.
In the next post we will start with <div></div> tags and will then begin with the basics of CSS...So keep practicing what we have learnt till now... because we will have a test...more information about this test will be in a post...
Comments
Post a Comment