Hello,

Ben pour tes carrés, tu ne vas pas t'embeter à faire des carrés en html... c'est possible mais fastidieux.
Donc le mieux est d'insérer des images qui contiennent des carrés avec cette balise :

<img src="C:\images\monCarreBleu.jpg"/>
ou encore
<img src="http://un.site.com/monCarreBleu.jpg"/>

Evidemment les chemins dans les attributs src sont complètement factices dans l'exemple.

Pour organiser ta page html, tu peux utiliser les balises div ou span.
Par ex :

<span>
    <img src="C:\images\monCarreBleu.jpg"/>
</span>
<span>
    Un texte écrit ici
</span>

Je n'ai pas testé ce code, mais je pense que ca devrait aller.

Bonne chance,
Niroken