Join James Williamson for an in-depth discussion in this video Spanning columns and rows, part of HTML: Building Tables.
- Occasionally, you may need the contents…of a table cell or a header to span multiple cells…or even across rows.…This is extreamly easy to do with the Rowspan…or the Colspan attributes.…So to sort of show you how this works.…I'm going to work the tables.htm file…found in the 03_03 directory,…and I'm previewing it in a browser right now,…and if I scroll down to the bottom of the table,…you can see that the information…in the tfoot row just kind of looks a little odd.…
We've got that one cell that has information in it,…and then we've got those two empty cells.…It would be a nicer if this looked like an actual footer,…and we didn't have those cell divisions there,…so I'm going to go into my code editor,…where I'm have this file from…the 03_03 directory opened up,…and I'm going to scroll to find my table,…and more importantly, find my tfoot element,…so there it is right there.…So what I'm going to do here…is I'm going to find my table cell…that has the link inside of it, TD.…
So these attributes Rowspan and Colspan…
- Adding content to tables
- Defining table headers
- Styling borders
- Alternating table row colors
- Grouping table content
- Defining columns and headers
- Making table data accessible
Skill Level Beginner
Creating a Responsive HTML Emailwith Chris Converse1h 43m Beginner
HTML5 Projects: Creating a Responsive Presentationwith Justin Putney1h 25m Intermediate
1. Table Basics
2. Styling Tables
3. Adding Meaning
Additional resources3m 47s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.