For this blog post, I will show you how to create a table! In the event that you ever need to create a way to organize information on your website, this is the perfect way to keep it all together.
Step 1: Begin with your code of <table>. Insert this wherever you want it to appear. For mine, I put it underneath the picture and also the small paragraph underneath the picture.
Step 2: To create the top columns of your table, you’ll use <tr> initially and then hit enter and use <th> for each section of the first row. Keep in mind that when you use the <th> this will be bolded as the title of both columns (horizontally, not vertically). After you add your titles with <th>, you’ll close the </tr>.
Step 3: After you have the headings or the titles of your columns, you’ll add in the subsequent rows underneath each column. To add these in create another <tr>, but this time, instead of using <th>, you’ll use <td>. Again, when you’re adding these in, they add in horizontally, creating your first row across. To add each individual row, you will close the </tr> and begin a new one.
Step 4: Close it up! Of course, once you’ve added all the columns and rows that your heart desires, don’t forget to close the table with </table>! Stay organized people!