blocchi html

[Pits]

Ciao a tutti.
Premetto che di html non ne capisco nulla.
Vorrei creare un sito per inserire il mio curriculum e qualche lavoro da me realizzato; da neofita, sto utilizzando Artisteer, un programma che mette a disposizione praticamente tutto quello di cui ho bisogno, consentendo anche di includere degli stralci di html

Adesso però ho un problema. Vorrei dividere il curriculum in blocchi (simili graficamente a quelli di questo sito http://www.palermocalcio.it/ ). Come faccio? Il template che vorrei dare è schematizzato molto banalmente in questa immagine


All'interno di ogni blocco dovrei inserire una tabella a 1 riga e due colonne (date, esperienza/titolo conseguito).

Spero di essere stato chiaro. Qualcuno sa dirmi come devo fare?
Grazie mille a tutti in anticipo per i preziosi suggerimenti!

A presto,
Pits

[carlomarangoni]

<div id="blocco1">
    <table width="200" border="0" cellspacing="5" cellpadding="10">
      <tr>
        <td></td>
        <td></td>
      </tr>
    </table>
</div>
<div id="blocco2">
    <table width="200" border="0" cellspacing="5" cellpadding="10">
      <tr>
        <td></td>
        <td></td>
      </tr>
    </table>
</div>
<div id="blocco3">
    <table width="200" border="0" cellspacing="5" cellpadding="10">
      <tr>
        <td></td>
        <td></td>
      </tr>
    </table>
</div>

[Pits]

grazie mille per la risposta!
Come faccio, adesso, a stabilire il colore dello sfondo e la tipologia di linea?
Poi vorrei la cella lunga quanto tutto lo spazio a disposizione.. dove trovo la varibile che specifica la larghezza della pagina?

[carlomarangoni]

<div id="blocco1">
    <table width="100%" border="0" align="center" cellpadding="10" cellspacing="5" style="background:#F00;border:#000 double 1px">
      <tr>
        <td> </td>
        <td> </td>
      </tr>
    </table>
</div>
<div id="blocco2">
    <table width="100%" border="0" align="center" cellpadding="10" cellspacing="5" style="background:#0F0;border:#F00 inset 1px">
      <tr>
        <td> </td>
        <td> </td>
      </tr>
    </table>
</div>
<div id="blocco3">
    <table width="100%" border="0" align="center" cellpadding="10" cellspacing="5" style="background:#0FF;border:#00F solid 1px">
      <tr>
        <td> </td>
        <td> </td>
      </tr>
    </table>
</div>

Provalo prima di fare altre domande