Code snippet page

<!-- CSS:Basics snippet 1. -->
<!-- Basic CSS styles. -->

<!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" xml:lang="en" lang="en">
<!-- Code source: http://www.justfigures.co.uk/ -->
<!-- A resource for web developers using XHTML, CSS, JavaScript, PHP -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>View snippet page</title>
<!-- defining a style within the head using the 'style' element-->
<style type="text/css">
/* how to correctly write comments when inside the style block */
/* using a single selector to define a style for the 'h1' element */
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #000000;
}
/* defining the 'h2' element */
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	font-style: italic;
	color: #000000;
}
/* defining the 'p' element */
p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
</style>
</head>
<body>
<h1>Level 1 Heading.</h1>
<h2>Level 2 Heading.</h2>
<p>Paragraph text. The text style for the paragraph text will be 'Verdana' if this
style is available, otherwise the next text style defined 'Arial' will be displayed and so on.</p>

</body>
</html>