View video tutorial

HTML Style

HTML

<style> for document internal style.

Document internal style


<style> tag is used to apply CSS inside the page.

<style> tag must be inside <head> tag

If multiple <style> tags are used, they will be merged into one combining all.

Recomendation is to use one <style> tag and apply all CSS inside it.

<style>h1{background-color:#404040;color:white;}</style>
<style>h2{background-color:#606060;color:white;}</style>
<style>p{background-color:#909090;color:white;}</style>

Learning with HTML Editor "Try it Now"

You can edit the HTML code and view the result using online editor.

Example

<!DOCTYPE html>
<html>
<!-- Example: style Tag -->
<head>
    <title>Title goes here</title>
    <style>h1{background-color:#404040;color:white;}</style>
    <style>h2{background-color:#606060;color:white;}</style>
    <style>p{background-color:#909090;color:white;}</style>
</head>
<body>
    <h1>style tag example.</h1>
    <h2>The style tag is used to apply CSS inside the page</h2>
    <p>If multiple style tags are used, they will be merged into one combining all.</p>
    <p>The style tag must be inside the head tag.</p>    
</body>
</html>
Try it Now »

Click on the "Try it Now" button to see how it works.