How to Make a Table With HTML

Tables can let you view an array of data in HTML. The table tags are designed to make groups of information look better and to allow users to get borders around lists. A table in HTML is created by using several tags in the right order.

Instructions

1

Begin with the tag < table >.

2

Next, use < tr > to open a row.

3

Within < tr >, use < td > to open a column.

4

Enter the text in the first column. Then use < /td > to end your column and go on to the next one.

5

Use < td > to open your second column and enter the text. Then use < /td > and < /tr > to end your column and your row. At this point, if you have a row with two columns containing the text "June" and "July", your code will look like this: < table > < tr > < td > June < /td> < td > July < /td > < /tr >.

6

If you want a second row, use < tr > to open your row and follow the same tag instructions from above.

7

When your table is done, use < /table > to close it.

8

Within the table structure, tags are placed to create a border. The thickness of the border is indicated by a variable x as follows: < table border = x >. Put this just after the < table > command.

9

Cellpadding is how many pixels are between table text and the border. Put this command after the border command: < cellpadding = x >.