using style tag in html code example

Example 1: how to write multiple style in html

<h1 style="color:blue;text-align:center">This is a header</h1>
<p style="color:green">This is a paragraph.</p>

Example 2: html style tag

<html>
<head>
<style>
  h1 {color:red;}
  p {color:blue;}
</style>
</head>
<body>

<h1>A heading</h1>
<p>A paragraph.</p>

</body>

Example 3: how to add style to p tag in html

<h1 style="color:blue;">This is a Blue Heading</h1>
<!DOCTYPE html>
<html>
<head>
<style>

 body {background-color: powderblue;}
h1   {color: blue;}
p    {color: red;}

</style>
</head>
<body>

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

</body>
</html>

Example 4: where do you put style tags in html

// Style tags belong in <head>

Tags:

Css Example

Related