Le langage HTML est prévu pour structurer l'information contenue dans un document à publier sur le web. Idéalement, le rendu visuel que vous souhaitez obtenir ne doit pas influencer le choix des balises et attributs que vous utiliserez.

Il y a quelques années encore, si nous voulions donner une apparence particulière à nos pages, il n'y avait pas d'autres choix que de détourner de leur usage certaines balises afin de servir la cause du design (exemple: l'élément table).

Ce chapitre regroupe des techniques de présentation se basant sur le balisage HTML. Aujourd'hui, ces techniques sont rendues obsolètes par le support convenable des feuilles de styles (CSS) sur tous les navigateurs modernes.

Les questions suivantes ont toutefois été conservées dans cette FAQ car il est très possible que vous tombiez un jour où l'autre sur une vieille page utilisant ce genre de technique ou que vous ayez besoin de travailer avec un vieux navigateur.

Il y a plusieurs causes :

• C'est sémantiquement incorrect : les tableaux doivent être utilisés pour afficher des données tabulaires et non pour faire de la mise en page.
• La multiplication des balises nécessaires à la déclaration des tableaux alourdit grandement le code et le rend illisible donc l'affichage est plus long (surtout en cas d'utilisation de tableaux imbriqués).
• L'accessibilité est réduite pour les lecteurs d'écran ou les navigateurs non-graphiques (donc pour les mal-voyants mais aussi les moteurs de recherche).
• Avec l'avènement du XHTML et du CSS et donc, la séparation du fond et de la forme, il est préférable d'utiliser des balises <div> couplées aux feuilles de styles CSS pour créer une page web.
• La mise en page à base de div et de CSS facilite la mise à jour du fait de la séparation du fond et de la forme.
• L'utilisation des tableaux est également un problème pour l'impression. La modification du CSS (s'il y en a un) ne permettant pas, la plupart du temps, de régler les problèmes de l'impression, il faut créer une page propre à l'impression en plus de la page web.

L'attribut border spécifie l'épaisseur de la bordure d'un objet. Pour enlever le cadre, il suffit de définir l'épaisseur à la valeur 0.

<a href="ma_page.html"><img src="mon_image.gif" border="0" /></a>

En (X)HTML, on utilise l'attribut align qui peut prendre pour valeur : left, center, ou right.

<table align="center">
  <tr><td>Contenu du tableau</td></tr>
</table>

<a href="mapage.htm"><font size=5 color="#00FF00">Hello</font></a>

Attention: La balise <font> devient obsolète à terme. Quasiment tous les navigateurs prennent en charge les feuilles de style, qui sont beaucoup plus puissantes et apropriées que les simples balises html.

Oui c'est possible mais il faut le construire.

Le principe est de créer un tableau de 9 cases (3x3). Dans les cases 1, 3, 7 et 9 on place une image de coin arrondi (chacune tournée dans le bon sens), dans les cases 2, 4, 6 et 8 on place des bordures droites et dans la case 5, le champ texte.
A l'aide d'une feuille de style, on peut faire en sorte que le champ texte se fonde dans l'arrière-plan. Visuellement, on aura donc un champ texte avec des angles arrondis, le texte ne sera pas collé au bord.