课程: HTML: Tables
今天就学习课程吧!
今天就开通帐号,24,700 门业界名师课程任您挑!
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…
随堂练习,边学边练
下载课堂讲义。学练结合,紧跟进度,轻松巩固知识。
内容
-
-
-
(已锁定)
Display data semantically2 分钟 44 秒
-
(已锁定)
Understand table rows and table data5 分钟 13 秒
-
Add content and data to table cells4 分钟 57 秒
-
(已锁定)
Understand table headings2 分钟
-
(已锁定)
Identify table head, body, and foot5 分钟 37 秒
-
(已锁定)
Include table captions2 分钟 32 秒
-
(已锁定)
Group columns and apply to headers5 分钟
-
(已锁定)
Use colspan and rowspan4 分钟 25 秒
-
(已锁定)
Challenge: Mark up a table2 分钟 42 秒
-
(已锁定)
Solution: Mark up a table3 分钟 49 秒
-
(已锁定)
-
-
-