Search This Blog

Showing posts with label HTML Style Attribute. Show all posts
Showing posts with label HTML Style Attribute. Show all posts

HTML Style Attribute With Text-Align Property Example

HTML Style Attribute With Text-Align Property Example :
<!doctype html>
<html>
<head>
<title> www.kod4u.blogspot.com </title>
</head>
<body>
<h2 style="text-align:center"> Style Attribute With Text-Align Property Example </h2>
<p style="text-align:center"> here we use text-align property with style attribute </p>

</body>
</html>
OUTPUT

HTML Style Attribute With Font Property Example

HTML Style Attribute With Font Property Example :
<!doctype html>
<html>
<head>
<title> www.kod4u.blogspot.com </title>
</head>
<body>
<h2> Style Attribute With Font Property Example </h2>
<p style="font-family:verdana; color:red; font-size:20px;"> here we use font property with style attribute like font-family, color and size </p>

</body>
</html>
OUTPUT

HTML Style Attribute With Margin Property Example

HTML Style Attribute With Margin Property Example :
<!doctype html>
<html>
<head>
<title> www.kod4u.blogspot.com </title>
</head>
<body>
<h2> Style Attribute With Margin Property Example </h2>

<p style="margin-left:20px"> write a content here </p>
<p style="color:blue; margin-left:50px;"> in this we use two property in a style attribute color and margin.<br/> color can apply color in all text and margin can apply space in left or right side </p>

</body>
</html>
OUTPUT

HTML Style Attribute With Color Property Example

HTML Style Attribute With Color Property Example :
<!doctype html>
<html>
<head>
<title> www.kod4u.blogspot.com </title>
</head>
<body>
<h2> Style Attribute With Color Property Example </h2>
<p style="color:red"> this is Style attribute example with color property </p>

</body>
</html>
OUTPUT

HTML Style Attribute With Border Property Example

HTML Style Attribute With Border Property Example :
<!doctype html>
<html>
<head>
<title> www.kod4u.blogspot.com </title>
</head>
<body>
<h2> Style Attribute With Border Property Example </h2>
<h4 style="border:3px blue solid;"> This is Style Attribute and we use border property </h4>
</body>
</html>
OUTPUT

HTML Style Attribute With Background Property Example

HTML Style Attribute With Background Property Example :
<!doctype html>
<html>
<head>
<title> www.kod4u.blogspot.com </title>
</head>
<body>
<center>
<h2> Style Attribute With Background Property Example </h2>
<p style="background-color:orange;"> Hello this is < p > tag and use background-color property </p>
<h5 style="background-color:lightgreen;"> Hello this is < h5 > heading tag </h5>
<br/>
<p> style attribute can apply any html like property or attribute in a single tag </p>
</center>
</body>
</html>
OUTPUT