Styles | HTML

#	Content	Views
1.	Tutorial Tags	37,059
2.	Tutorial + Programming	1,061,603
3.	Videos	353,169
4.	Results (`Annual + Re-appear`)	44,846
5.	Quiz Chapters	37,081
6.	Quiz Questions	540,074
7.	Quiz Results	29,742
8.	Testimonials	7,594
9.	Projects	33,794
10.	e-Words	22,245
11.	e-Certificates	4,968
12.	Downloads (Softwares)	121,473
13.	Downloads (Syllabus)	2,638

Home
HTML
Styles

The HTML Style Attribute

<!DOCTYPE html>
<html>
<head>
<title>
    The HTML Style Attribute
</title>
<body>

<p>I am normal</p>
<p style="color:red;">I am red</p>
<p style="color:blue;">I am blue</p>
<p style="font-size:50px;">I am big</p>

</body>
</html>

Output

Live Demo & Try it yourself!

#CSS #HTML #style #text color

Background Body with CSS

<!DOCTYPE html>
<html>
<head>
<title>
    Background Body with CSS
</title>

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

<h1>CSPunjab.Com</h1>
<p>Computer Science, Punjab</p>

</body>
</html>

Output

Live Demo & Try it yourself!

#CSS #HTML #Font #Alignment #style #size

Set background color for two different elements

<!DOCTYPE html>
<html>
<head>
    <title>Set Background Color For Two Different Elements</title>
</head>
<body>

<h1 style="background-color:powderblue;">CSPunjab.Com</h1>
<p style="background-color:tomato;">Computer Science, Punjab</p>

</body>
</html>

Output

Live Demo & Try it yourself!

#HTML #comments

Fonts | Text Size | Text Alignment

<!DOCTYPE html>
<html>
<head>
    <title>Fonts | Text Size | Text Alignment</title>
<body>
<h1 style="font-family:verdana;font-size:300%;text-align:center;">CSPunjab.Com</h1>
<p style="font-family:courier;font-size:160%;">Computer Science, Punjab</p>
</body>
</html>