Tables

Tables are used in many layouts today, and are vital in keeping information in your pages neat. The information below will demonstrate to you how to create tables using HMTL.

First off, we start with the <table> tag. Inside the table tag, you can customize width, height, border, cellpadding, class, and that's just the basics. What do these customable tags do though?

WidthThe width of the table
HeightThe height of the table
BorderThe size, in pixels of the table's border.
CellpaddingThe Distance, in pixels between cells.
ClassIf there is a specific class in the CSS for tables, the table with adapt to the class style.

With that in mind, we know have the <tr> tag. <tr> simply denotes a new row in the table. Then, how do you get columns?? you ask. By using the <td> tag. <td> denotes a new column in the table. Don't forget to finish the row or column off with </tr> or </td> tag before starting a new row or column.

And, when your all done with your table, simply close all <tr> and <td> tags and then complete the table with </table>