<!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>
<!-- External -->
<link rel="stylesheet" href="css/file.css" />
<!-- Internal -->
<style>
p {
color: red;
}
</style>
<!-- Inline -->
<p style="color: blue;">This Is Our Paragraph</p><!-- Write Path -->
<link rel="stylesheet" href="assets/css/master.css" /><!-- Write Path -->
<link rel="stylesheet" href="source/css/main.css" /><input type="file" onchange="previewFile()"><br>
<img src="" height="200" alt="Image preview..." style="diaplay:none"><TAG style="property1:value1;property2:value2">
. . .
</TAG><!-- external syle -->
<link rel="stylesheet" href="css/file.css" />
<!-- internal style -->
<style>
p {
color: red;
}
</style>
<!-- inline style -->
<p style="color: blue;">This Is Our Paragraph</p><!-- Write Path -->
<link rel="stylesheet" href="../assets/css/master.css" /><link rel="stylesheet" type="text/css" href="/style.css" />