Friday, May 23, 2014

HTML TUTORIAL PART 27

HTML TUTORIAL PART 27

PROBLEM:
LOOK AT THE FOLLOWING:

CSS font-family

This is a paragraph, shown in the Times New Roman font.
This is a paragraph, shown in the Arial font.

SOLVED:
THE CODE BELOW MADE THE HTML TIP:

<!DOCTYPE html>
<html>
<head>
<style>
p.serif{font-family:"Times New Roman",Times,serif;}
p.sansserif{font-family:Arial,Helvetica,sans-serif;}
</style>
</head>

<body>
<h1>CSS font-family</h1>
<p class="serif">This is a paragraph, shown in the Times New Roman font.</p>
<p class="sansserif">This is a paragraph, shown in the Arial font.</p>

</body>
</html>

No comments:

Post a Comment