Tip:
Highlight text to annotate it
X
What's going on everybody! welcome to this ninth tutorial on HTML5 and CSS3, my name
is Jack Jenkins and this is Academy of One. Today we are discussing tables.
In this lecture we are going to be talking about Three different things. First, we are
going to be discussing what is a table. Secondly we are going to be talking about headers,
rows and data. Lastly we are going to desktop view baby. So what exactly is a table? No.
I'm not talking about that. Yeh, that's what I'm talking about. A table is a place where
you can organize some data. Now, you don't really see it that much anymore in this day
and age, however it may still come in use.
A table tag is a double tag, It has one attribute which is border. And... that's it.
Let's break down our picture. First off is the table header, which you can see right
there, is bold. Next is the table row tag, which specify a row. Now nested within the
table row tag is the table data tag. And in between the table data tags is what you want
outputted to the table. All the table tags are double tags. And don't use tables for
layout. If you're new to HTML5 then you'll have no clue what I'm talking about but the
[????] offenders, you know who you are, stop doing that.
Alright. Let's get started by making our table. Of course you start off with the table tag.
Alright, we're gonna add an attribute to it, the border attribute. Just put one px for
now. First we're gonna create our table headers. The first one is gonna be header 1. And I
think you know what this ones gonna be, header 2. Then create our table row. We are going
to put in two rows. Now within that we are going to have some table data. Remember, it
has to be nested within. Just copy this stuff. Now the first one is going to be row one,
column one. Second one is gonna be row 1 column 2. And for the next row. Add two table data
tags. Row two, column one. Row two, column two. Alright I'm just gonna do it in chrome.
And there you go.
Alright, Thats it for todays quick tutorial. Tune in next week when we wrap up HTML5 and
we're finally gonna do CSS.