Tables Tag in HTML

An HTML table consists of a table row rows and columns, as you will see while working with an application like Excel. Tables are container elements, and their sole purpose is to maintain other HTML elements and to organize them in a tabular form - column by row, row by column.

Tables may seem difficult in the past, but after working through this lesson, you will see that they are not so terrible. The table element consists of three separate HTML tags, including <Table> tags, <tr> (table rows), and <td> (table columns) tags.

<table border="1">
  <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>
</table>

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

<table border="1">
  <tr>
    <td width="50%">
      <ul>
        <li>List Item 1</li>
        <li>List Item 2</li>
        <li>List Item 3</li>
      </ul>
    </td>
    <td>
      <ul>
        <li>List Item 4</li>
        <li>List Item 5</li>
        <li>List Item 6</li>
      </ul>
    </td>
  </tr>
  <tr>
    <td>
      <p>Avoid losing floppy disks with important school...</p>
    </td>
    <td>
      <a href="http://www.espn.com" target="_blank" rel="nofollow">
        <img src="http://www.tizag.com/pics/htmlT/ahman.gif" class="linksESPN" />
      </a>
    </td>
  </tr>
</table>

List Item 1 List Item 2 List Item 3	List Item 4 List Item 5 List Item 6
Avoid losing floppy disks with important school...

Share on Google Plus

About It E Research

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.