<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Welcome To J-News </title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel='stylesheet' type='text/css' href='sample_n01.css' />
<style type="text/css">
<!--
body { background: coral; }
.copy { color: black;
    font-size: 11px;
	line-height: 14px;
	font-family: Verdana, Arial, helvetica, sans-serif }
	
  a:link {text-decoration: none;
      font-size: 20px;
	  color: black;
	  font-family: Comic Sans MS, Arial Black, Arial, helvetica, sans-serif }
	  
.star {color: white;
    font-size: 350px;
	font-family: Verdana, Arial, helvetica, sans-serif }
	
.subhead { color: black;
     font-size: 28px;
	 margin-top: 12px;
	 margin-left: 20px;
	 line-height: 32px;
	 font-family: Impact, Arial Black, Arial, helvetica, sans-serif }
	 
.what { color: black;
   font-size: 22px;
   margin-left: 20px;
   font-weight: bold;
   font-style: italic;
   font-family: Times New Roman, times, serif }
   
.quott { color: black;
    font-size: 120px;
	line-height: 120px;
	margin-top: -24px;
	margin-left: -4px;
	font-family: Arial Black, Arial, helvetica, sans-serif }
	
.quotb { color: black;
    font-size: 120px;
	line-height: 120px;
	margin-right: -1px;
	margin-top: -33px;
	font-family: Arial Black, Arial, helvetica, sans-serif }
	
.quote { color: red;
    font-size: 24px;
	line-height: 28px;
	margin-top: -153px;
	font-family: Impact, Arial Black, Arial, helvetica, sans-serif }
.footer { color: cornsilk;
    background: red;
	font-size: 22px;
	margin-left: 20px;
	margin-top: 16px;
	font-family: Impact, Arial Black, Arial, helvetica, sans-serif }
	
.headline { color: black;
    font-size: 80px;
	line-height: 90px;
	margin-left: 20px;
	font-family: Impact, Arial Black, Arial, helvetica, sans-serif }
	
.mast { color: cornsilk;
     font-size: 90px;
	 font-style: italic; 	 			 
     font-family: Impact, Arial Black, Arial, helvetica, sans-serif }
-->	  		  	 
</style> 
</head>
<body>
<center>
<table bgcolor="cornsilk" width="730" cellpadding="0" cellspacing="0" border="0">
<tr>
<td valign="top" align="left">&nbsp;</td>
<td colspan="2"></td>
<td valign="top" align="right">&nbsp;</td>
</tr>
<tr>
<td colspan="4" valign="top"></td>
     <table cellpadding="0" cellspacing="0" border="0">
	 <tr><td width="20"></td>
	 <td width="340" align="center" bgcolor="#FF0000">
	 <div class="mast">J-News &nbsp;</div></td>
	 <td></td>
	 <td width="330" valign="top">
	 <div class="what">Style sheets give you yhe ability to control the presentation of a Web document without compromising its underlying
	 structure.</div>
	 </td>	 
	 </tr>
	 </table>
  </td>	 
  </tr> 
	
  <tr>
  <td colspan="4">
  <div class="headline">STYLE SHEETS ARRIVE!</div>
  <div class="subhead">WWW GETS EXTRA STYLE THANKS TO CASCADING STYLE SHEETS</div>
  </td>  
  </tr>
  <tr>
  <td colspan="4" valign="top" align="center">
  
      <table cellpadding="5" cellspacing="0" border="0">
	  <tr>
	  <td width="228" valign="top">
   <div class="copy"><br /><b>The World Wide Web Consortium describe CSS1 as &#145; a simple style sheet mechanism
   that allows autors and readers to attach style to HTML documents.&#146;</b><br />
   &nbsp;&nbsp; According to its authors CSS1 uses &#145; common desktop publishing terminology&#146; which should 
   make it easy for professional as well as untrained designers to make use of its features. This page introduces some
   of the basic concepts and describes the font related features of CSS1. For full details of the CSS1 specfication please see the official
   W3C Cascadung Style Sheets page. <br />
   
   &nbsp;&nbsp; CSS1 provides the designer with various ways of specifying style for a web page. Style information can be stored in an external 
   file and referenced by any number of Web pages, or the body of the page. The method described below involves including style information within a STYLE
   section in the HEAD part of a particular HTML file. Style properties can be applied to HTML elements at the block level and at the text or  <br /></div>	  
	  </td>
	  
	  <td width="228" valign="top"><div class="copy"><br />inline level. Block level elements are those that usually cause paragraph breaks. </div>
	  
	  <div class="quott">&#147;</div> 
	  <div align="right" class="quotb">&#148;</div>
	  <div align="center" class="quote">&nbsp;&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; USES COMMON<br />DESKTOP PUBLISHING<br />TERMINOLOGY
	  &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp;</div>
	  <div class="copy"><br /><br />These include H1 to H6 (headings), P (paragraphs), and LI (list items). Text level elements include EM, STRONG
	  and CITE as well as B, I and A (hypertext anchors). In CSS1 HTML elements are known as selectors. <br />
	  
	  &nbsp;&nbsp; CSS1 supports 35 different properties which can be applied to selectors. Properties include background (color or graphic), font-size,
	  font-weight, line-height (leading or interlinear spacing), font-family, letter-spacing and word-spacing.
	  A property and its associated value is known as a declaration.</div>
	        </td>
			
			<td width="228" valign="top"><div class="copy"></div>
			    <table width="228" height="263" cellpadding="0" border="1">
				<tr>
				<td background="http://www.geocities.com/pgview_2002/news/a.gif"></td>
				</tr>		
				</table>
			</td>	  
	        </tr>
	      </table>  
        </td></tr>
		<tr>
		<td colspan="4" height="10"></td>
		</tr> 
	 </table>
     </center> 
</body>
</html>
