webdev.htm

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3c.org/1999/xhtml" xml:lang=en" lang="en"><head>
 <title>How do real Web developers do it?</title>
 <script src="webdev.js"></script>
 <link href="webdev.css" rel="stylesheet" type="text/css" />
</head>

<body>
<script language="JavaScript">
  writeText()
</script>
</body>
</html>
webdev.css
P {
 font-family : monospace;
 text-align : center;
}
.class {
 font-family : Goudy, Palatino, Garamond, serif;
 text-align : center;
 font-size : larger;
}
.style {
 font-family : "Monotype Corsiva", Vivaldi, "French Script MT", cursive;
 text-align : center;
 font-size : larger;
}
webdev.js

function writeText() {
  document.write("<p>Real Web developers do it with
                  <span class='class'>class</span> and
                  <span class='style'>style</span>.</p>")
}