<!DOCTYPE html>
<html>
<head>
</head>
<body>
<h1>Difference Between Class and ID</h1>
<p>A class name can be used by multiple HTML
elements, while an id name must only be used
by one HTML element within
the page:</p>
<!-- An element with a unique id -->
<h1 id="tree">My Trees</h1>
<!-- Multiple elements with same class -->
<h2 class="fruit">Mango</h2>
<p>Mango is the king of fruits.</p>
<h2 class="fruit">Papaya</h2>
<p>Papaya is good for digestion.</p>
<h2 class="fruit">Pineapple</h2>
<p>Pineapple tastes better when grilled.</p>
</body>
</html>