Tables

When to use a Table

When we are learning HTML we will use tables to make layouts on our webpage, but in truth this is a bad practice. Early web developers would use tables to space things around the screen, but CSS can now do that job for us.

Tables provide formatting in rows and columns. Use tables for data, not layout. In the early days of Web design, designers used the table feature to establish a grid for layout. But now, with the use of CSS, we have much more powerful, consistent and responsive ways to create a Web page layout.

Like lists, tables also use nested elements. <table>, <tr> (table row), and <td> (table data).

Table attributes

• border - sets size of border

• bordercolor - for a solid border; bordercolorright and bordercolorleft-for a shaded border

• width - sets amount of space it takes up on page, can use pixels for a fixed width or % for a width as a percent of screen size.

• align - use align="center" to center table.