Ciao
1. manca un doctype;
2. da evitare il tag font;
3. se usi le tabelle non servono due tabelle distinte, puoi averne una sola con due celle, ma meglio non usarle;
4. anzicché in punti (preferibili per la stampa), puoi impostare le dimensioni del carattere in pixel.

Esempio:

codice:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title> INFORMATICA </title>

<style type="text/css">
body { background-color:#ffffa0;}
#main { width:95%; margin-left:auto; margin-right:auto; /* div che contiene tutto, centrato orizzontalmente */ min-width:560px; /* larghezza minima impostata per evitare problemi se restringo la finestra del browser */ }
h1 { text-align:center; font-style:italic; font-size:48px;}
span#right { float:right; display:block; font-weight:bold; font-size:16px;}
span#left { float:left; display:block; font-weight:bold;font-size:30px}
a {text-decoration: none; color: black;}
a:hover {text-decoration: underline; color: red;}
#contenuti { clear:both; margin-top:40px; /* da regolare a piacimento per distanziare dal div che precede */}
#colonnaSinistra { float:left; width:15%; min-width:160px; /* larghezza minima impostata per evitare problemi se restringo la finestra */}
#colonnaDestra { float:left; width:70%; text-align:justify}

</style>
</head>

<body>
<div id="main">
  <h1>Il Linguaggio HTML</h1>
  <div>
    <span id="left">Informatica</span>
    <span id="right"><a href="INDEX.HTML">HOME PAGE</a></span>
  </div>

  <div id="contenuti">
        
   <div id="colonnaSinistra">
      <b>MATERIE:</b>
      <ul>
        <li><a href="STORIA.html">STORIA </a></li>
        <li><a href="INGLESE.html">INGLESE </a></li>
        <li><a href="INFORMATICA.html">INFORMATICA </a></li>
        <li><a href="TECNICA.html">TECNICA </a></li>
        <li><a href="RAGIONERIA.html">RAGIONERIA </a></li>
        <li><a href="MATEMATICA.html">MATEMATICA </a></li>
        <li><a href="ITALIANO.html">ITALIANO </a></li>
        <li><a href="DIRITTO.html">DIRITTO </a></li>
        <li><a href="FINANZE.html">FINANZE </a></li>
      </ul>
     </div> <!-- fine colonna sinistra -->
                    
     <div id="colonnaDestra">
       <p>..........testo.............. ..........testo.............. ..........testo.............. ..........testo.............. ..........testo.............. ..........testo.............. ..........testo..............</p>
     </div><!-- fine colonna destra -->
   
  </div><!-- chiusura div contenuti -->
</div><!-- chiusura del div main -->
</body>
</html>