From the course: HTML: Tables
Unlock the full course today
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Solution: Mark up a table
(upbeat music) - [Instructor] So how did you do with that table challenge? I'm going to go ahead and walk you through what I did and why here in this particular document. So, first of all remember that we are not really working with any styling here at all and so, this is going to wind up being a really ugly looking table, kind of hard to read, and we will definitely address styling here at a future point, but it should probably look something like this, if you put in no styles whatsoever. So, let me just walk through this code with you from the beginning here. So, of course, this is the table. We start with a table tag. We're going to end with a table tag, all the way down here at the bottom. Then we're going to divide this into pieces, so remember that the very first child, or the very last child of the table must be the caption and I've given it an ID here. Now you didn't have to do that, the ID we're going to leverage in a couple of chapters when we start talking about responsive…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
(Locked)
Display data semantically2m 44s
-
(Locked)
Understand table rows and table data5m 13s
-
Add content and data to table cells4m 57s
-
(Locked)
Understand table headings2m
-
(Locked)
Identify table head, body, and foot5m 37s
-
(Locked)
Include table captions2m 32s
-
(Locked)
Group columns and apply to headers5m
-
(Locked)
Use colspan and rowspan4m 25s
-
(Locked)
Challenge: Mark up a table2m 42s
-
(Locked)
Solution: Mark up a table3m 49s
-
(Locked)
-
-
-