Apprendre le HTML

La balise < p > exprime le début d'un paragraphe, c'est à dire un double espace, tandis que la balise < br > effectue un retour à la ligne (simple espace) identique à la touche Entrée de votre clavier (sous traitement de texte). A noter que la balise < /p > (fermeture) est facultative tandis que la balise de fermeture de < br > est interdite.

A noter que la balise < br > possède l'attribut clear (trois valeurs : left, right, all) permettant d'insérer un retour à la ligne dès que la marge (gauche, droite, ou les deux) est libre.

(un retour s'effectue à la ligne dès que la marge de droite est libre).

La balise

possède l'attribut align qui sert à aligner le texte et prend 4 valeurs :

- left : Aligne le texte sur la marge de gauche
- right : Aligne le texte sur la marge de droite
- center : Centre le texte entre les marges
- justify : Justifie le texte

Note : L'attribut nowrap permet de ne pas effectuer de retour à la ligne.

Exemple et code source

Ceci est un
< br >
exemple
< p >
avec les balises p et br

Ceci est un
exemple

avec les balises p et br

Note : Tout le texte compris entre les balises et ne contiendra pas de passages à la ligne intempestifs, à utiliser avec parcimonie car le visiteur sera peut être obligé de faire défiler horizontalement la fenêtre de son navigateur, ce qui n'est pas très agréab

Les Tableaux

La balise < table > permet d'insérer un tableau et c'est l'une des balises les plus utilisées (elle est devenue officielle avec la version 3.2 du HTML). En effet, les tableaux permettent une meilleure présentation des informations, nombreux sont les sites qui utilisent les tableaux pour obtenir une mise en page de type "journal".

Création des tableaux

La création des tableaux se passe autour de 4 balises :
- < table > : Définit au navigateur la création d'un tableau
- < th > : Définit l'en-tête de chaque colonne
- < tr > : Définit une ligne
- < td > : Définit une cellule

A noter que la balise qui affiche le titre du tableau possède 2 attributs :
- top : Titre placé au-dessus du tableau (par défaut)
- bottom : Titre placé en dessous du tableau

Bien entendu, toutes ces balises doivent êtres fermées pour indiquer la fin du tableau, d'une colonne ou d'une cellule.

Note : Si vous voulez définir une police de caractère pour le tableau, vous êtes obligé d'en définir pour chaque cellule même si elle est identique, exemple ci-dessous.

< td >< font face="arial" size=1 >Cellule 1< /font >< /td >

Voici un tableau et son code correspondant :

Légende du tableau

Colonne 1	Colonne 2
Cellule 1	Cellule 2
Cellule 3	Cellule 4

< table border=1 >
< caption>Légende du tableau
< tr>
< th>Colonne 1
< th>Colonne 2
< /tr>
< tr>
< td>Cellule 1
< td>Cellule 2
< /tr>
< tr>
< td>Cellule 3
< td>Cellule 4
< /tr>
< /table>