 |
| Quelques notions de HTML |
L’en-tête contient des éléments invisibles, des méta-informations sur la page : son titre et le type de caractères qu’elle emploie.
<HEAD><TITLE>Mon titre</TITLE><meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1"></HEAD>
Ces éléments sont obligatoires ou conseillés. D’autre éléments, optionnels, peuvent apparaître dans l’en-tête.
En dessous, la partie affichée dans la fenêtre du navigateur, le corps, est délimitée par les balises
<BODY></BODY>.
Les éléments qui structurent un document sont les paragraphes, avec les balises <P> et </P>. Pour une raison de compatibilité descendante, la balise <P> à la fin ou au début d’un paragraphe suffit à créer un nouveau paragraphe, sans la balise de fin. La balise <P> peut comporter les attributs du paragraphe. Tout le texte inséré entre les balises <p align="left"> et </p> sera aligné à gauche. Notre but n’est pas de présenter un panorama des balises HTML mais de vous fournir les balises essentielles pour composer une belle page. Ainsi, vous rencontrez aussi la balise
<P><div align="center"></div></P> ou <center>
</center>.
Les alignements de paragraphes sont caractérisés par les attributs "left" pour gauche, "right" pour droite et "center" pour centre. HTML est polymorphe. À chacun de choisir ensuite la syntaxe qui convient le mieux ou celle que son logiciel de création de page lui propose.
Quant aux polices de caractères, vous pouvez les caractériser avec la balise <font></font>. Les attributs sont color, face, et size. Comme dans l’exemple ci-dessous :
<font size="3" face="Arial, Helvetica, sans-serif" color="#FF6633">
size peut être une valeur absolue comme 1, 2, 3… ou une valeur relative +1, +2 ou −1,−2. La valeur relative attribuera une valeur au-dessus ou en dessous de la taille de la police du paragraphe. face proposera des noms de police. Si cet attribut comprend plusieurs polices, le navigateur cherchera la première. Si elle est disponible dans son système, il l’utilisera, sinon il cherchera la seconde. Dans le cas où aucune police proposée n’est disponible, il utilise une police par défaut. color peut recevoir un attribut de couleur par nom ou valeur, par exemple blue ou #0000FF. Tous deux sont synonymes ; la première valeur est un nom, la seconde est le code hexadécimal qui lui correspond dans la gamme. Cette valeur est composée des codes RVB (ou RGB en anglais, c’est-à-dire Rouge-Vert-Bleu) de la couleur choisie.
La couleur sert également à caractériser le fond de la page ou celui du tableau.
Ainsi, dans la balise <BODY BGCOLOR="#FFFFFF">, la couleur blanche est attribuée au fond de page. Elle est aussi la couleur par défaut. Si vous l’omettez, vous obtiendrez un fond blanc ou noir selon le navigateur, une police noire, des liens hypertextes en bleu…
Les paragraphes comportent parfois des titres. Du plus grand au plus petit, vous avez les balises <H1>,<H4> avec leur balise de fermeture.
Le paragraphe peut inclure des listes numérotées. La balise qui caractérise une liste numérotée est <OL></OL>. Chaque ligne, à l’intérieur, est insérée dans un <LI></LI>. Ainsi, chaque ligne sera automatiquement numérotée.
<UL></UL> caractérise une liste à puces. Ces balises de listes permettent aussi d’ajouter un retrait à la ligne ou au paragraphe, en omettant les <LI></LI>.
Aucun commentaire:
Enregistrer un commentaire