HTML Styles Examples

HTML Styles Examples

<!DOCTYPE html>
<html>

   <head>
      <title>HTML Styles Example</title>
   </head>
	
   <body>
	
      <p>My Name is Ammu</p>
      <p style="color:red;">I Live in Telangana</p>
      <p style="color:blue;">My Best Friend is Ali</p>
      <p style="font-size:36px;">He is Very Handsome</p>

   </body>
	
</html>

Output

HTML Background Color Example

<!DOCTYPE html>
<html>

   <head>
      <title>HTML Background Color Example</title>
   </head>
   <body style="background-color:red;">
   <body>
	
      <h1>My Name is Ammu</h1>
      <p>I Live in Telangana</p>

   </body>
	
</html>

Output

HTML Text Color Example

<!DOCTYPE html>
<html>

   <head>
      <title>HTML Text Color Example</title>
   </head>
	
   <body>
	
      <h1 style="color:red;">My Name is Ammu</h1>
      <p style="color:blue;>I Live in Telangana</p>

   </body>
	
</html>

Output

HTML Text Font Example

<!DOCTYPE html>
<html>

   <head>
      <title>HTML Text Font Example</title>
   </head>
	
   <body>
	
      <h1 style="font-family:verdana;">My Name is Ammu</h1>
      <p style="font-family:courier;">I Live in Telangana</p>

   </body>
	
</html>

Output

HTML Text Size Example

<!DOCTYPE html>
<html>

   <head>
      <title>HTML Text Size Example</title>
   </head>
	
   <body>
	
      <h1 style="font-size:250%;">My Name is Ammu</h1>
      <p style="font-size:170%;">I Live in Telangana</p>

   </body>
	
</html>

Output

HTML Text Alignment Example

<!DOCTYPE html>
<html>

   <head>
      <title>HTML Text Alignment Example</title>
   </head>
	
   <body>
	
      <h1 style="text-align:center;">My Name is Ammu</h1>
      <p style="text-align:center;">I Live in Telangana</p>

   </body>
	
</html>

Output