Dihox Skills

With the help of style attributes, You can design you website page such as font, size, color, button, and much more.

Syntax: <tagname style="property:value;">

The property is a CSS property. The value is a CSS value.

You will learn more about CSS later in this tutorial.

Example: 

<!DOCTYPE html>
<html>
<body>

<p>Dihox Skills</p>
<p style="color:red;">Dihox Skills</p>
<p style="color:blue;">Dihox Skills</p>
<p style="font-size:50px;">Dihox Skills</p>

</body>
</html>

Result:

Background color: 

with the help of background-color property, You can change the background color of web pages.

like this:

<!DOCTYPE html>
<html>
<body style="background-color:#728FCE;">

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

</body>
</html>

Result: 

Text color:

with the help of color property, You can change text color.

<!DOCTYPE html>
<html>
<body>

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

</body>
</html>

Result: 

Fonts:

With the help of font family property, you can fonts style.

Like this:

<!DOCTYPE html>
<html>
<body>

<h1 style="font-family:verdana;">This is a heading</h1>
<p style="font-family:courier;">This is a paragraph.</p>

</body>
</html>

Result:

Text size:

With the help of  font-size property, you can increase or decrease the font size.

Like this:

<h1 style="font-size:300%;">This is a heading</h1>
<p style="font-size:160%;">This is a paragraph.</p>

Text alignment:

You can align text to center, left, right, and justify.

<h1 style="text-align:center;">Centered Heading</h1>
<p style="text-align:center;">Centered paragraph.</p>

See you in next lesson ✌🏼.