HTML and CSS Reference
In-Depth Information
This lesson covered one of the more complex subjects in HTML: tables. Before you
move on to the next lesson, you should work through the following questions and exer-
cises to make sure that you've got a good grasp of how tables work.
Q&A
Q Tables are a real hassle to lay out, especially when you get into row and col-
umn spans. That last example was awful.
A
You're right. Tables are a tremendous pain to lay out by hand like this. However, if
you're using writing editors and tools to generate HTML code, having the table
defined like this makes more sense because you can just write out each row in turn
programmatically.
Q Can you nest tables, putting a table inside a single table cell?
A
Sure! As I mentioned earlier, you can put any HTML code you want inside a table
cell, and that includes other tables.
Q Is there a way to specify a beveled border like the default table borders using
CSS?
A
CSS actually provides three different beveled border styles:
inset
,
outset
, and
ridge
. You should experiment with them and use the one that looks the best to
you.
10
Quiz
1.
What are the basic parts of a table, and which tags identify them?
2.
Which attribute is the most common attribute of the table tag, and what does it do?
3.
What attributes define the amount of space between the edges of the cells and their
content, and the amount of space between cells?
4.
Which attributes are used to create cells that span more than one column or row?
5.
Which elements are used to define the head, body, and foot of a table?
