Friday, May 23, 2014

HTML TUTORIAL PART 40

HTML TUTORIAL PART 40

PROBLEM:
LOOK AT THE FOLLOWING:

This is a visible heading

Notice that the hidden heading does not take up space.

SOLVED:
THE CODE BELOW MADE THE HTML TIP:

<!DOCTYPE html>
<html>
<head>
<style>
h1.hidden {display:none;}
</style>
</head>

<body>
<h1>This is a visible heading</h1>
<h1 class="hidden">This is a hidden heading</h1>
<p>Notice that the hidden heading does not take up space.</p>
</body>

</html>



No comments:

Post a Comment