DEV Community

Charity Parks
Charity Parks

Posted on

1

Lets talk (HTML) Tables!

Tables are visually appealing. Tables deliver information in such a way that is intuitive and user-friendly and easily consumed in a grid-style format. Information at a glance if you will.

Lets look at how to use HTML to format a table. Each block (in the grid) is called a table cell. The <table> element is used. Tables are written out row by row. To start out each row you will use the <tr> tag which stands for the table row. Inside the <tr> will be a series of <td> elements. <td> stands for table data. Each representing a row cell. After each cell, make sure to add a closing tag (</td>).

For example:

<table>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td>4</td>
<td>5</td>
<td>6</td>
</tr>
</table>

the result:
123
456

Happy Coding!

Top comments (0)

The best way to debug slow web pages cover image

The best way to debug slow web pages

Tools like Page Speed Insights and Google Lighthouse are great for providing advice for front end performance issues. But what these tools can’t do, is evaluate performance across your entire stack of distributed services and applications.

Watch video

πŸ‘‹ Kindness is contagious

Please leave a ❀️ or a friendly comment on this post if you found it helpful!

Okay