 Hey everybody, this is Brian and if you've been following along this is our 13th video in our html tutorial today We are going to talk about putting a table inside of a table No, I'm not going to really explain a lot of this because it was covered in our last tutorial if some of this looks Unfamiliar to you you should probably you know flip back to a previous tutorial and really learn about tables Okay, so we have just a simple table. Whoops. Hope if I turn these off We have just a simple table And boy did I screw that up There we go. Now we have a simple table with one row. We're going to add three rows and we're going to add a header a footer And a body Save our work flip over refresh. You can see we now have a header a body and a footer Now let's stylize this a little bit Say we want the header to be 50 high by and let's say a background color of Red and we want our footer to Have a background color of gray Come on mouse There we go. And let's make this 20 pixels high Save our work very fresh now you can see how we have a header a body and a footer And this is typical of most websites that have like the logo up here or maybe a menu bar and a body Now let's get to the heart of this tutorial Why would you put a table inside of a table the answer to that is actually pretty simple? Tables are used for positioning So let's say in our table. We want a Row With two columns in it and I'm just going to copy and paste this Now you notice I've indented this um, you really don't need to indent It's just a style choice when you get into more professional web editors. They'll do that for you automatically Now you notice it just says left right. Why is that? Well, we haven't really done anything to the width or the height of this table So let's make this table 100% width 100% height and let's actually turn the border on so we can see what's going on Now this will not be 100% the width and height of the page, but rather 100% of this cell Well refresh and I'll show you what I mean here There we go. Now you see we have a left and a right, but you notice how they're just kind of haphazard Let's say we want this left to take up most of the page and we want to put an image over here We're gonna go ahead and do that Now if you've been watching our previous tutorials, you've noticed that I've used a picture of Chuck Norris that we found together And I don't want to get sued and I don't want to get roundhouse in the face So we're gonna use a different picture today, and I'm just adding some alignments here We're gonna put the picture on the right side at the bottom Let's save our work And you can see now how our text is now aligned to the top left our image is aligned to the bottom right We can put as much text as we want and it'll stop right at this border right here and anything We put over here will stay in this cell and we still have our head or our footing excuse me our footer In our body, so that is why you would put a table inside of a table I hope you found this video educational and entertaining and you know as always send me any questions or comments You may have thank you for watching