HTML Table

HTML Table and by<table>The <table> tag defines it.

An HTML table is a markup language element used to display structured data.

Each table has several rows (defined by the <tr> tag), each row is divided into several cells (defined by the <td> tag), and a table can contain a header row (defined by the <th> tag) to define column titles.<tr>:tr stands for table row, representing a row in the table.<td>:td stands for table data, representing a data cell in the table.<th>:th stands for table header, representing a header cell in the table.

• trData cells can contain text, images, lists, paragraphs, forms, horizontal lines, tables, etc.
• tdHTML Table Generator:
• thHere is a simple HTML table example:

Instance

Column Title 1https://www.jyshare.com/front-end/7688/。

Here is a simple HTML table example:

<tbody> is used to define the table's body section:

• In <tbody>, the <tr> element is used to define rows, and <td> elements are used to define cell data. In the example, there are two rows of data, each containing three cells.By using the <th> element to define column titles, they can be displayed in bold and separated from regular cells.

• HTML tables can also have other parts such as <tfoot> (table footer) and <caption> (table title). <tfoot> is used to define summary, statistical information, etc. at the bottom of the table. <caption> is used to define a title for the entire table.HTML tables support merging cells and spanning rows/columns, as well as applying other styles and attributes to meet various needs.

We can also use CSS to further customize the style and appearance of the table.

Online Instance

Instance

One Column:

Online Instance

Table Instance

HTML Table and Border Properties

HTML Table and Border Properties

Use the border property to display a table with a border:

Instance

HTML Table Headers

Table headers are defined using the <th> tag.

Most browsers will display headers as bold, centered text:

In the browser, it displays as follows:

More Instances

Borderless Table
This example demonstrates a table without a border.

Table Headers (Heading) in the Table
This example demonstrates how to display table headers.

Table with a Title (caption)
This example demonstrates a table with a title.

Cross-row or cross-column table cells
This example demonstrates how to define cross-row or cross-column table cells.

Table Tags within Cells
This example demonstrates how to display elements within different elements.

Cell Padding (Cell padding)
This example demonstrates how to use cell padding to create space between cell content and the cell border.

Cell Spacing (Cell spacing)
This example demonstrates how to use cell spacing to increase the distance between cells.

A Beautiful Table

HTML Table Tags