Scribd
Upload
27 views

HTML Styles: Presented by Ali Raza

The document discusses various HTML style properties including: background-color for setting element backgrounds, color for text colors, font-family for fonts, font-size for text sizes, and text-align for alignment. It provides examples of adding each property to HTML elements using the style attribute, such as <h1 style="color:blue;"> to make text blue.

Uploaded by

Ali Raza
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
27 views

HTML Styles: Presented by Ali Raza

The document discusses various HTML style properties including: background-color for setting element backgrounds, color for text colors, font-family for fonts, font-size for text sizes, and text-align for alignment. It provides examples of adding each property to HTML elements using the style attribute, such as <h1 style="color:blue;"> to make text blue.

Uploaded by

Ali Raza
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 8

HTML STYLES

PRESENTED BY ALI RAZA


The HTML Style Attribute
Setting the style of an HTML element, can be done with the style attribute.
The HTML style attribute has the following syntax:
<tagname style="property:value;">
HTML Background Color
The background-color property defines the background color for an HTML element.
This example sets the background color for a page to powderblue:

Example:
<body style="background-color:powderblue;">

<h1>This is a heading</h1>
<p>This is a paragraph.</p>

</body>
HTML Text Color
The color property defines the text color for an HTML element:

Example:
<h1 style="color:blue;">This is a heading</h1>
<p style="color:red;">This is a paragraph.</p>

Color can be:


a color name - like "red"
a HEX value - like "#ff0000"
an RGB value - like "rgb(255,0,0)"
HTML Fonts
The font-family property defines the font to be used for an HTML element:

Example:
<h1 style="font-family:verdana;">This is a heading</h1>
<p style="font-family:courier;">This is a paragraph.</p>
HTML Text Size
The font-size property defines the text size for an HTML element:

Example:
<h1 style="font-size:300%;">This is a heading</h1>
<p style="font-size:160%;">This is a paragraph.</p>
HTML Text Alignment
The text-align property defines the horizontal text alignment for an HTML element:

Example:
<h1 style="text-align:center;">Centered Heading</h1>
<p style="text-align:center;">Centered paragraph.</p>
Summary
• Use the style attribute for styling HTML elements
• Use background-color for background color
• Use color for text colors
• Use font-family for text fonts
• Use font-size for text sizes
• Use text-align for text alignment

You might also like