Using Style Attribute in HTML and its properties
WilhelMinaGone
30 views
10 slides
Feb 12, 2024
Slide 1 of 10
1
2
3
4
5
6
7
8
9
10
About This Presentation
Using Style Attribute in HTML
Slide Content
Styles
HTML Styles
The HTML style attribute is used
to add styles to an element, such
as color, font, size, and more.
The HTML style attribute is used
to add styles to an element, such
as color, font, size, and more.
Style Attribute
Syntax:
<tagname style="property:value;">
Syntax:
<tagname style="property:value;">
Background Color
The CSS background-color
property defines the background
color for an HTML element.
<body style="background-color:orange;">
<tagname style="property:value;">
The CSS background-color
property defines the background
color for an HTML element.
<body style="background-color:orange;">
<tagname style="property:value;">
Background color for two different
elements
<h1 style="background-color:cornflowerblue;">Lyceum of Alabang</h1>
<p style="background-color:gold;">School Year 2020-2021</p>
elements
<h1 style="background-color:cornflowerblue;">Lyceum of Alabang</h1>
<p style="background-color:gold;">School Year 2020-2021</p>
Text Color
The CSS color property defines
the text color for an HTML
element.
<h1 style="color:blue;">Lyceum of Alabang</h1>
<p style="color:green;">School Year 2020-2021</p>
The CSS color property defines
the text color for an HTML
element.
<h1 style="color:blue;">Lyceum of Alabang</h1>
<p style="color:green;">School Year 2020-2021</p>
Fonts
The CSS font-family property
defines the font to be used for an
HTML element.
<h1 style="font-family:century gothic;">Lyceum of Alabang</h1>
<p style="font-family:arial;">School Year 2020-2021</p>
The CSS font-family property
defines the font to be used for an
HTML element.
<h1 style="font-family:century gothic;">Lyceum of Alabang</h1>
<p style="font-family:arial;">School Year 2020-2021</p>
Text Size
The CSS font-size property
defines the text size for an HTML
element.
<h1 style="font-size:100px;">Lyceum of Alabang</h1>
<p style="font-size:25px;">School Year 2020-2021</p>
The CSS font-size property
defines the text size for an HTML
element.
<h1 style="font-size:100px;">Lyceum of Alabang</h1>
<p style="font-size:25px;">School Year 2020-2021</p>
Text Alignment
The CSS text-align property
defines the horizontal text
alignment for an HTML element.
<h1 style="text-align:center;">Lyceum of Alabang</h1>
<p style="text-align:center;">School Year 2020-2021</p>
The CSS text-align property
defines the horizontal text
alignment for an HTML element.
<h1 style="text-align:center;">Lyceum of Alabang</h1>
<p style="text-align:center;">School Year 2020-2021</p>
Tags
Categories
GeneralDownload
Download Slideshow Get the original presentation fileQuick Actions
Statistics
- Views 30
- Slides 10
- Age 657 days
Related Slideshows
22
Pray For The Peace Of Jerusalem and You Will Prosper
RodolfoMoralesMarcuc
30 views
26
Don_t_Waste_Your_Life_God.....powerpoint
chalobrido8
32 views
31
VILLASUR_FACTORS_TO_CONSIDER_IN_PLATING_SALAD_10-13.pdf
JaiJai148317
30 views
14
Fertility awareness methods for women in the society
Isaiah47
29 views
35
Chapter 5 Arithmetic Functions Computer Organisation and Architecture
RitikSharma297999
26 views
5
syakira bhasa inggris (1) (1).pptx.......
ourcommunity56
28 views