This is where we lived in a previous video by having basic HTML table.
In this video we are going to style our table to make it more beautiful than this.
Well, if I'm confused about CSS, don't worry.
We will take our time to cover them in details and the CSS section.
But for the meantime, let's play around with it.
So how are we going to style it?
And we are going to use a method called inline styling, meaning we are going to write CSS in line with
a HTML code.
So let's target the container that is a table and we can pass an additional attribute called style.
And we are going to use key value per that is a property and a value for CSS.
I want to increase the width of the table and I want to make use of 100% and I want to have some border
around my table and I will use one piece of solid and the color hashtag c cc.
And with this one, let's see the effect.
As you can see this time around, it looks beautiful than before.
The next one is I want to target the table head, which is this.
I won't add some styling to the table head.
So our add the inline attributes are style and the background color.
For this I'm going to use hashtag F, zero, f00.
And pardon.
Often Pittsburgh's and the border of one posix solid.
Hashtag seek.
With this one, let's see the effect.
Let's apply the same style to the rest of this heading.
And when I save it, you can see that I have it been formatted as that.
And I'm going to copy the same style and put it on the h I.
We save it, something like that.
And the same thing for the gender.
And this is what we have.
This is basic styling.
Don't worry.
Like I said, we're going to have dedicated section for CSS.
The next one is going to be the table row for the table data itself, which is this.
So I'm going to target the table data and I'm going to add the same attribute of style and have a pattern
of ten pixels and border of one pixel solid.
Hashtag seek.
And that is it.
So let's see.
Yeah, we have border around eight as that.
All right, so I'm going to copy the same CSS and apply it to the rest of these ones.
I start and let's see.
And we have it as that.
And I want to apply to the rest of the table data.
Like that.
Don't worry.
We are just playing around with CSIS.
And you can change the color to suit your need.
All right.
I think this one looks beautiful than before.
So that is how we can make use of inline styling to make our table look more beautiful than before.
In the next video, I'm going to show you how we can create advanced HTML table.
Let's continue into next video.