style attribute 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: html style attribute

<!-- style inside of an html element -->
<p style="color: rgb(255, 0, 255);">I am a unicorn</p>
<!-- style as an html element -->
<style>
  /* Put in CSS */
</style>

Example 4: html style tag

<style>
  /* Put in CSS */
</style>

Example 5: html style tag

<html>
  <body>
    <!-- BODY HTML -->
  </body>
  <head>
    <!-- HEAD HTML -->
  </head>
  <style>
    /* CSS */
  </style>

Example 6: style attribute in html

<p style="color: red; /* CSS */">Example</p>

Tags:

Misc Example