heading class.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <Style>


    .one {color: red;

    }
    #ttt {
      border: 3px solid blue;
    }

    #tt { background-image: url("wall.jpg");
    height: 164px}
    #jj{background-color: yellow;}
#gg {
    background-color: whitesmoke;}


</style>
<body>
<h1 class="one">heading 1</h1>
<h2 class="two" id="tt"><span>ad</span> heading 2</h2>
<h3 class="three" id="ttt"> heading 3</h3>
<h4 class="4" id="jj"> <span>heading</span>   4</h4>
<h5 class="5" id="gg"> heading 5</h5>
<h6 class="6"> heading 6</h6>

<!--this is a line-->
<hr>
<h6> heading</h6>
</body>
</html>