 Hello everyone, Myself Sampit Patil, Assistant Professor, Department of Computer Science and Engineering, Walchand Institute of Technology, Sholapur. After looking at how to create an HTML page, we will go forward to how we can style and format an HTML page. So after this video, you will be able to recognize styling and formatting tags in HTML and you will be able to apply the same to a basic web page using HTML. So what is styling? When you have to display anything on a website or a web page, you need some styling to be done to make a website attractive. So setting the style in an HTML element can be done using the style attribute. So the basic syntax is the tag name which you are going to use. You have to use a style attribute and you have to give its property and value. So properties of the style attribute, there are many properties that can be applied to any tag in an HTML page. So we will see this. Now you know these basic tags that we have seen in last video. That is the HTML tag, the title tag, the head tag and the body tag. So anything that can be written or to be displayed on the web page is to be written in the body tag. So moving forward to styling. So now we want to give a background color. So we will start with the background colors or we want to give a background color to a web page. So what we will do is we will just say style, call the style attribute equal to double code. The attribute property name will be background color colon whatever color you want. The color you can give it in directly the color name for example say we will give blue and we will end it with semicolon so that you can give multiple properties to your styles. So I will save this, see the background color it changed to blue. Now this property value can be given in three ways either you can give directly the name of the color or you can give hashtag of that color. So hash let's say 0e, 0e, 0e I have no idea what this code color is. So see this is a type of dark gray color that we have given and the another is you can give in the form of RGB value that is just we will give black 255, 255 and 255 that are the parameters for the ratio of red, green and blue. So see this is the white if you do it 0, 0, 0 I will save it and I will refresh it. It will give you black color. So this was about background color to a web page after that if you want to I will just remove this style tag so the background color remains white and we can see other styling options. Now you have to change the color of this particular line which is styling and html page. I will just refresh you can see this styling and html page. So to this tag you can again call the style attribute equal to double code and you will say just color and the color will be will say I will give red and I will refresh it. So the color it changed to red. Accordingly I have told you that the html have predefined font sizes for h1 to h6 and the p tag which is used to write the paragraph on a html page or a web page. So you can also change the size of this particular line. So we will say font size colon now this can be given in two ways either you can define a pixel say will give 70 px that stands for 70 pixels we will save this. So it has increased by 70 pixels the another way is you can give percentage so percentage is with respect to the basic font style they have provided so it is 70 percent. So in this way you can change the font size of the predefined tags in the html after that we have another tag say alignment of the font or alignment of your content on an html page. So we have text align so this may have three parameters either you can give it left which is by default or right we will save it. So the text is moved to the right alignment and center. So the text is displayed in the center of your web page. So this is how you can align your html content using text align it has three parameters left right and center accordingly it will display your text on the subsequent size. So moving forward if you want to make the particular say html bold so you don't have to define it in the styling options you can directly define it like B you open the B tag you have that tag and you will close it. So now see what happens is okay we have we are using the header tag so it is already bold so I will just change this tag to a paragraph tag. Now see only html is bold and all other font style is normal that is not bold okay similarly I will just increase the font size to so that we will be able to read it properly. So we will say I will do it same 70px that is pixels okay see now html is bold I will just show you again I will remove this B tag and you will see the difference okay so html has again become in a normal font similarly if you want to make it italic we can use I you have to close all the tags properly see in this way another tag that is if you want to show the importance of that particular thing you can use the tag strong so it will also change your font to bold so we will just see what is the difference between B tag and the strong tag so I will just copy okay I will give a page break so using br we can give a break of line so there is no difference between using a B tag and a strong tag so now you can also define your font family so what type of font you want so basically before defining this particular thing we need to install the font required so we say we will use courier so in that way you can change the font of your content so other thing if you want to write a subscript or a superscript for your particular content so I will take another tag and we will see I will just put I want to write 2 4 raised to 2 so it should all look like the 2 should be above 4 so what I will do is I will just say SUP that is a superscript I will say 2 I will end the superscript I will just put this particular styling to the next paragraph tag as well we do not require the font family just the font color alignment and font size so see 4 raised to 2 so using the superscript tag that is SUP you can use this particular if you want to display any formulas on your website or a web page you can use this also if you want subscript you can use SUB so as 2 was displayed above 4 it will now be displayed below 4 as a subscript okay so moving forward I will just give you a task design a proper resume using an HTML so take a time so I just show you I have done this so see this is the particular page I have created for the background color I have used background color I will just show you the code you can check it out so see I have used padding I have used text alignment there are a number of properties that can be applied to a style attribute you can go through it online you will find different attributes according to your needs okay so this is how a web page has been created for a resume okay so these are some references that I have used and you can go through it for different properties for your styling thank you