Learn HTML Learn CSS

HTML tutorial > Add style to HTML > Using the style attribute

Using the style attribute

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Page title</title>
  </head>
  <body style="background-color:ivory;">
 
    <h1>Look at the colors and styles</h1>
    <p style="font-family:verdana;color:red;">
      This text is written in red with a font Verdana.
    </p>
    <p style="font-family:times;color:green;">
      This text is written in green using a font Times.
    </p>
    <p style="font-size:30px;">This text is 30 pixels in size.</p>
 
</body>
</html>

Result:

Edit the code listed above and click the "GO" button to view the result.