Comment allez vous ?

– On peut aussi faire des paragraphes avec la balise <p>. On est pas obligé de la fermer non plus mais c’est recommandé pour faire un code plus “propre”.

– Ensuite, on peut avoir envie d’aligner son texte. On peut l’aligner à gauche, à droite, le centrer ou le justifier.

Exemple :

donne :

– Il y a aussi les styles de titres à mi-chemin entre la mise en page et la décoration. Il y en a 6 types :

Exemple :

donne :

– Enfin, on a les tableaux. Comme le nom l’indique, on fait des tables avec. Ils ont beaucoup de paramètres.

Prenons un exemple de table :

Son code :
<table width=”90%” height=”150″ border=”2″ bgcolor=”#C0C0C0″ bordercolor=”#000000″>
<tr>
<td><div align=”center”>1+1</div></td>
<td><div align=”center”>2</div></td>
</tr>
<tr>
<td><div align=”center”>2+2</div></td>
<td><div align=”center”>4</div></td>
</tr>
<tr>
<td><div align=”center”>3+3</div></td>
<td><div align=”center”>6</div></td>
</tr>
<tr>
<td><div align=”center”>4+4</div></td>
<td><div align=”center”>8</div></td>
</tr>
</table>

D’abord, voyons les paramètres :

• width et height : la largeur et la hauteur. Elles peuvent s’exprimer en pixels ou en %. Si l’on ne met pas ces paramètres, la table colle au texte.
• border : la taille du bord. En pixels. (facultatif)
• bgcolor : couleur de fond de la table. (facultatif)
• bordercolor : couleur du bord. (facultatif)

Voyons maintenant la construction de la table. Après la balise <table>, on ouvre une “ligne” avec la balise <tr>. Ensuite, on crée une case sur cette ligne avec la balise <td>,on remplie la case (<div align=”center”>1+1</div>), on referme la case avec </td> puis on crée une nouvelle case, on la remplie, on la referme et enfin on ferme la ligne avec </tr>. Et on recommence pour chaque ligne de la table.
On peut faire autant de lignes et de cases que l’on veut. Ici, j’ai pris une table de 4 lignes x 2 colonnes.