<a title="info about link" href=""></a>
<div title="info about div"></div>
<span title="info about span"></div>
<img title="info about image"></div>
<!DOCTYPE html>
<html>
<body>
<!-----mohammad-alshraideh----->
<h2 class="c" onclick="this.innerHTML='javascript html events'">JavaScript HTML Events</h2>
<h2 class="do" onclick="this.innerHTML='Great'">Click on this text!</h2>
<h2 class="dont" onclick="this.innerHTML='Ooops!'">don't Click here</h2>
<style>
.dont{
background-color: rgb(26, 206, 86);
width : 190px;
height:70px;
}
.dont:hover{
width : 70px;
height:190px;
background-color: #bd1111;
}
.do{
background-color: rgb(26, 206, 86);
width : 190px;
}
</style>
</body>
</html>