HTML and CSS Reference
In-Depth Information
7. From here, we can repeat this pattern for each activity and speaker to finish our
first table and then add the next two tables for the second two days of the conferen-
While doing this, keep in mind that the table head will always include a table head-
ing noting the events of the day and a table cell spanning two columns showing the
Then, within the body of each table, every row will have a table heading that
shows the time of day. After the table heading will be an activity, a speaker, or
multiple speakers. Activities without speakers will reside within a single <td>
element that spans two columns. If only one speaker is presenting at a certain time,
that speaker will reside within a single <td> element that spans two columns as
well, <a> and <h4> elements and all.
If there are two speakers for a given time then each speaker will reside within his
or her own <td> element, just as before.
The full code for all three tables can be found at
css/organizing-data-with-tables . For reference, the table for the first day, which in-
cludes lunch and two more speakers, looks like this:
Click here to view code image
1. <table>
2. <thead>
3. <tr>
4. <th scope="row">
5. Workshops
6. </th>
7. <td colspan="2">
8. August 24th
9. </td>
10. </tr>
11. </thead>
12. <tbody>
13. <tr>
14. <th scope="row">
15. <time datetime="08:30:00">8:30 AM</time>
16. </th>
17. <td colspan="2">
18. Registration
19. </td>
20. </tr>
21. <tr>
22. <th scope="row">
23. <time datetime="09:00:00">9:00 AM</time>
24. </th>
25. <td>
Search WWH ::

Custom Search