ptg16476052Workshop 28510
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 mentioned earlier, you can put any HTML code you want inside a table
cell, and that includes other tables. But nesting tables can significantly slow down
pages loading.
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.
Quiz
- What are the basic parts of a table, and which tags identify them?
- Which attribute is the most common attribute of the table tag, and what does it do?
- Which attributes are used to create cells that span more than one column or row?
- Which elements are used to define the head, body, and foot of a table?
Quiz Answers
- The basic parts of a table (the
tag) are the caption (defined with the
tag), header cells ( ), data cells ( ), and table rows ( ).
- The border attribute is the most common attribute for the table tag. It specifies
whether border lines are displayed around the table and how wide the borders
should be. It is nonconforming in HTML5, but you will still see it on many tables
to identify them as presentation or data tables.
- The rowspan attribute creates a cell that spans multiple rows. The colspan attribute
creates a cell that spans multiple columns.
, , and define the head, body, and foot of a table.
- The border attribute is the most common attribute for the table tag. It specifies