HTML — tables cheatsheet
HTML tables can seem pretty straightforward and also a bit confusing. Being able to keep all of the elements straight is the biggest challenge. I made a quick cheat sheet with some basic elements and what they are used for. The snips below are from W3 Schools to help with a visual reference. To make it easier to follow, I will list the basic elements and what they are in order of the HTML snip below to.
<table>
As you may have guessed, this is the table element. This is the start and end of the table made up of rows and columns.
<tr>
This is the table row element. This allows you to add rows to the table. You typically will want to do this prior to adding headings or data.
<th>
This is the table heading element. This allows you to add headings (titles) at the top of your rows.
<td>
This is the table data element. It is found inside a <tr> and where data is added to cells.
There are other table elements that can be used. This should help get a decent start on creating tables before getting fancy.
