CSS PROGRAMMING LANGAUGE disadvantages CSS full form is cascade style sheets , which we call it says about how you should display the HTML elements on the screen. CSS tells us the style of the webpage let us take a simple example, if we build a home first we lay out the design that is known as the HTML language. Where the CSS means layout which means giving instructions on how the furniture should be nothing but the CSS. For example if we take PayPal we can see that the background color blue says the CSS background-color property. Netflix is also the best way of saying CSS property, but if we remove it will be a normal webpage but with the red color and the black plus symbols it looks like the best webpage. Versions of CSS There are differen...
HTML STYLES
- In HTML have different styles like background color, font size, text color, and text alignment in this blog we are going to study different HTML styles.
- HTML styles that are used to change or else change whatever existing HTML tags.
- We have different types of styles internal styling, which is nothing but using this inside the html element.
- Internal means utilizing it in the head section of the HTML code, external is to apply it externally to the CSS file.
BACKGROUND COLOUR
- We will use background color as a style in HTML for webpages to give color to the web pages of different colors like blue, red, black, etc. and there will be a syntax for giving background color.
- <body style="background-color: green;"> This is how we give the background color firstly in the body write style keyword, equal to and within the double quotes write background word.
- Dash color semicolon write which color you want for the example violet using this we change it depending on our requirements.
![]() |
colour |
TEXT COLOUR
- Text color is also one of the most important things in the web page, if we see the text color attracts the audience, we use this style in website creation which is one of the best tools.
- Writing this we need some syntax and that is <style=" color: red"> by using this first specify the style keyword and "=" within the quotes color keyword: color you specify.
- We can change the text color using three methods the first one is by color_name: red.
- The second method is by hexa code syntax is hex_code:"#90000f".
- Last and foremost, by rgb number we could change the text colour also.
- Have different colors to change the text some of them are olive, purple, blue, violet, etc.
INCREASE FONT SIZE
- There are different fonts like arial black, Algerian, Arial Rounded MT Bbyold these are different fonts that we can use this write HTML code for this is given below.
<body>
<h1 style="font-family:verdana;">This is a heading</h1>
<p style="font-family:courier;">This is a paragraph.</p>
</body>
</html>
- In the heading tags write the style keyword, = " " font dash family in that write the font which you want by using this change this font depending on our requirements.
- In Order to increase font size the important term is the style attribute as you can see in the above code we took the h1 tag.
- After that we wrote style then equal to within the double codes, then font dash font size name and closed the parenthesis and within this tags.
- We wrote some sentences to apply this effect and we did this through p which is a paragraph tag.
TEXT ALIGNMENT
- Alignment is one of the most important things in any paragraph text in that we have different types of left alignment, right alignment, center alignment, etc. That is all we can use in our HTML web page.
<body>
<h1 style="text-align:center;">Centered Heading</h1>
<p style="text-align:center;">Centered paragraph.</p>
</body>
</html>
- In the above program example we could see that for applying the align option, we first write style keyword and then equal to and then text dash align specify which type of alignment you want.
- What type of alignment we apply will be applied to the text between the h1 tag, and the tag paragraph.
PRACTISE SET
- Write an HTML code to display a smile in red color.
<p style="color:red;">smile</p>
- HTML code to apply Arial black font to any of the lines.
<p style="font-family:Arial black;">good</p>
- Apply center alignment then left, and right.
<p style="text-align:center;">good</p>
<p style="text-algin;left;">hello</p>
<p style="text-algin:right;">very good</p>
- Code in html to apply the background color black.
<style="background-color:black:">
Well explained
ReplyDelete