Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>External Style Sheet</title>
<link rel="stylesheet" type="text/css" href="css/ex1.css" />
</head>
<body>
<h1>
<center> This page is created using External Style Sheet
</center>
</h1>
<h2> This line is aligned left and red colored. </h2>
<p> The External Style Sheet is the compact representation of Cascading Style Sheets
This paragraph is written in Monotype corsiva font with font size of 14
</p>
<h3> This is a blue <a href="colorname.html"> colored </a> line
</h3>
</body>
</html>
----------CSS------------
h1
{
font-family: Arial, Helvetica, sans-serif;
}
h2
{
font-family: Geneva, Arial, Helvetica, sans-serif;
color: red;
left: 20px;
}
h3
{
font-family: Arial, Helvetica, sans-serif;
color: blue;
}
p
{
font-size: 14px;
font-family: "Courier New", Courier, monospace;
}