Tables

Main >> Content >> Tutorials >> HTML >> Tables


NOTE: Tables are quite hard to do. Especially if you are just a beginner in HTMLs. 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.
TEXT HERE


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


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