13-HTML Tables

0
272

This tutorial is all about HTML Tables.
HTML table is an element that are composed of table rows and columns. One common example of this is MS Excel. The main purpose of the HTML table is to store other elements and arrange it in row by row and column by column.

 

A table element is made of three different HTML tags such as the <table> tag, <tr> tag[table row] and <td> tag [table columns].

 

Example:

<table border="2">
<tr>
<td>Row 1 Cell 1</td>
<td>Row 1 Cell 2</td>
</tr>
<tr>
<td>Row 2 Cell 1</td>
<td>Row 2 Cell 2</td>
</tr>
<tr>
<td>Row 3 Cell 1</td>
<td>Row 3 Cell 2</td>
</tr>
</table>

Result:

Row 1 Cell 1 Row 1 Cell 2
Row 2 Cell 1 Row 2 Cell 2
Row 3 Cell 1 Row 3 Cell 2

Another example:

<table style="height: 351px;" border="2" width="535">
<tbody>
<tr>
<td>
<ul>
 <li>Item 1</li>
 <li>Item 2</li>
 <li>Item 3</li>
</ul>
</td>
<td>
<ul>
 <li>Item 4</li>
 <li>Item 5</li>
 <li>Item 6</li>
</ul>
</td>
</tr>
<tr>
<td>We Exist to Provide Best Quality and 100% Free Source Code and Tutorials..</td>
<td>
<a href="http://itsourcecode.com">
<img class="" src="http://itsourcecode.com/wp-content/uploads/2015/10/logo-300x293.png" alt="logo" width="285" height="277" />
</a>
</td>
</tr>
</tbody>
</table>

Result:

  • Item 1
  • Item 2
  • Item 3
  • Item 4
  • Item 5
  • Item 6
We Exist to Provide Best Quality and 100% Free Source Code and Tutorials..
logo

 

 

 

Readers might read also:

Facebook Comments
(Visited 25 times, 1 visits today)

LEAVE A REPLY

Please enter your comment!
Please enter your name here