HTML Tables

HTML tables are used to organize and display data in rows and columns on a web page. Tables are created using the <table> element, and the content within the table is defined using various table-related elements.

Here’s a basic structure of an HTML table:

<table>
  <tr> 
    <th>Header 1</th> 
    <th>Header 2</th>
  </tr>
  <tr>
    <td>Data 1</td> 
    <td>Data 2</td>
  </tr>
  <tr>
    <td>Data 3</td>
    <td>Data 4</td>
  </tr>
</table>

In the example above, we have a table with two columns and three rows. The first row (<tr>) contains the table headers (<th>) for each column. The subsequent rows contain the table data (<td>) for each cell in the table.

The <th> element is used to define header cells, which are typically displayed in bold and centered by default. The <td> element is used for regular data cells.

Additional elements can be used to further structure and style the table, such as <thead>, <tbody>, and <tfoot>. Here’s an example that demonstrates their usage:

<table>
  <thead>
    <tr>
      <th>Header 1</th>
      <th>Header 2</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Data 1</td>
      <td>Data 2</td>
    </tr>
    <tr>
      <td>Data 3</td>
      <td>Data 4</td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <td colspan="2">Footer</td>
    </tr>
  </tfoot>
</table>

In this example, <thead> represents the table header section, <tbody> represents the table body section, and <tfoot> represents the table footer section. The colspan attribute is used to span the footer cell across two columns.

CSS can be used to style and format HTML tables further. Table-related CSS properties allow you to control borders, spacing, alignment, and more.

Note that while HTML tables have been widely used for layout purposes in the past, it’s generally recommended to use CSS for layout purposes and use tables primarily for tabular data representation.

HTML Tables

HTML Tables

Leave a Comment Cancel Reply

Popular Features

Popular Services/

Free Tools

Company

_

Digital Millennium Copyright Act

_

Content similarity detection

_

ANTI-PIRACY WARNING

Follow Us :

Copyright©2020-2023 GLOTRU All Right Reserved,

HTML Tables

Leave a Comment Cancel Reply

Popular Features

Popular Services/

Free Tools

Company

_

Digital Millennium Copyright Act

_

Content similarity detection

_

***ANTI-PIRACY WARNING***

Follow Us :

Copyright©2020-2023 GLOTRU All Right Reserved,

ANTI-PIRACY WARNING