课程: HTML: Tables
今天就学习课程吧!
今天就开通帐号,24,700 门业界名师课程任您挑!
Understand table rows and table data
- [Instructor] Let's get started with coding some tables with HTML. I'm going to work here in Codepen to make things easier to see immediately and keep the focus on our code rather than working in something like VSCode where we would have to write the HTML and then individually view it in a browser. To keep this really simple for now, I'm going to start by minimizing these windows here. You just grab them and drag them on down. The only window that we're going to need is our HTML window and I'll make that just a little bit bigger so we can see what's going on here. The next thing that I'm going to do is I'm just going to go ahead and get started writing a table. And shockingly, that starts with a table tag. And it finishes with a /table tag. Just like a lot of things in HTML. So that's the way you start and end a table, what goes inside of that? Well a couple of things. The next thing you should be aware of are rows. And those are tr for table row. And they have a starting and ending…
随堂练习,边学边练
下载课堂讲义。学练结合,紧跟进度,轻松巩固知识。
内容
-
-
-
(已锁定)
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 秒
-
(已锁定)
-
-
-