 Hey guys, it's Brian again Continuing on with our HTML tutorial today. We're gonna learn how to make the page look better so far We've just had these boring plain white webpages So how do you change the color? How do you change the way it looks? For this tutorial you're gonna need an image Any image will do I've already downloaded one for background image Just take a second pause the video go find one Now when you get back What we're gonna talk about today is the body tag the body tag controls everything in the body and what it's gonna look like So let's say first thing we want to do is change the background color. So we'll say BG color equals and let's say black. We want a black web page Save it Go to our web page refresh. Well now we have a black web page, but where did our text go? Well, it's still there. It's just our text is black. So you can't see it Well, let's fix that Now we want to add text equals and we'll say white save it Refresh and there's your text Now we want to add a background image now this comes into that image. I told you about earlier To do that. It's just background Equal and then in quotes remember you have to put the path My image dot J No, it was a gif wasn't it? Now you might be wondering what type of images you can use you can use a gif a JPEG a PNG There's multiple image formats really I like using JPGs because you can compress them down make a much smaller make your web pages load faster Gifts and PNGs are popular because you can animate them. You've seen the little animated images out on the web Most of those are you know gifts or PNGs PNGs popular because give GIS are actually copyrighted So we're not supposed to be using this image format, but it's okay for this demonstration. We'll allow it Go back to our web page F5 and you see there's our awesome background that we've borrowed off the internet with hello world Now let's just add in some elements that we've learned from previous tutorials Oops And let's just kind of really quickly slap all this together and you see I'm typing rather hurriedly My cat is trying to get my attention and she's really annoying go a kitty Not sure if you guys can hear me how I'm in the background for some reason. She only wants my attention when I start typing It's because she knows I'm not going anywhere Okay, now we've got our our web page with a black background white text and our image They might be asking what's the point of having a black background and an image at the same time Well, while the image is loading you might want to change the color something similar to what your background image is going to be We're going to have hello world. We're going to have it in area. Whoops. We forgot a quote I'm going to have it in red and the size is going to be seven hard return Then our Chuck Norris image two hard returns and then just the text chuck image. So let's see what this looks like Hello world Chuck Norris with the text Chuck Norris. Now. Remember this text right here is actually part of the image We can't edit that Okay, I lied technically you can load up Photoshop and edit it but for this tutorial you're not editing it So I hope you found this tutorial educational and entertaining I'm sorry about the cat swatting at everything My hope is that you see now how some of these web pages you've seen out on the internet are actually built and how easy it is to Put all this together Thank you for watching