TABLES

We will learn how to make tables in html. First we make a table tag, and tr tags meaning table rows. Then inside the table rows we have the td tag with mean table data.

tutorial

Next we will learn about the scope. The scope allows you to to bold the item. Showing off the table head.

tutorial

Next we will colspan aka column span. This will allow you to expand it into multiple columns.

tutorial

Then we will do the rowspan which is actually want to says row span. It is the same as column span but with rows instead.

tutorial

Now that you can make a simple table we will make one with a head and a foot. called thead table head, tbody being the body and lastly the tfoot the table's foot.

tutorial

tutorial

Now time to test your knowlegde.

tutorial

Summary

  • The element is used to add tables to a webpage.
  • A table is drawn out row by row. Each row is created with the tr element.
  • Inside each row there are a number of cells represented by the td element (or th if it is a header).
  • You can make cells of a table span more than one row or column using the rowspan and colspan attributes.

NEXT LESSON