Tables

NOTE: Tables are quite hard to do. Especially if you are just a beginner in HTML. So I'd advise tons of practice. Make a test page where you can try out different codes and see how they work, this way, if something goes wrong, the page you have used is not important and you can just delete it afterwords.

Step 1:: Lets start with a simple one. It has no borders and looks like this:
EXAMPLE


Step 2:: Now you can add borders to the table, this you do by putting the border command in the < table > tag, like I've done under. You can change the colors and thicknes of the border. And also how the border will look like; dotted, dashed, etc.
EXAMPLE


Step 3:: If you also want to add a background color to the table you have to add this in the same < table > tag as before. You can change the background color.
EXAMPLE


Step 4:: In the tables before, they got bigger the more text you put in them. But the code under lets you choose the size yourself.
EXAMPLE


Step 5:: Now lets add another row to the table, here's what the code will look like then:
EXAMPLE
EXAMPLE


Step 6:: Then we can add a background colour to the rows, and here's the result of that:
EXAMPLE
EXAMPLE
EXAMPLE


If this tutorial helped, a link back is required.