|
|||||||||||||||||||||
Apprendre le HTML |
||||||||||||||||||||||||||||||||||
Désormais attachons-nous au contenu. Le HTML est un langage à base de balises comprises entre '<' et '>', qui elles-même contiennent des attributs auxquels on assigne des valeurs... ça à l'air un peu compliqué comme ça mais un petit exemple va tout éclaircir :
L'exemple pris ici est une mise en forme de texte à l'aide de la balise <font>. Vous remarquerez l'emploi d'une balise de fermeture </font>. Ici les attributs utilisés sont face, size et color qui définissent respectivement la forme de le police de caractère, sa taille et sa couleur. Les valeurs sont à placer entre guillemets doubles après le signe égal de l'attribut correspondant. Maintenant que nous avons vu la structure générale
du code attachons-nous à la structure de la page. En effet toute
page doit comporter au moins trois balises : html, head et body
qui définissent le type de document, l'en-tête et le corps de la
page.
Vous remarquerez que les balises head et body sont imbriquées dans la balise html. En effet on ne peut pas fermer une balise sans que toutes celles qu'elle contient ne le soient déjà. Passons maintenant à l'utilisation de ces deux balises. <head>C'est entre cette balise quese placent le titre, les fichier attachés, les styles et les scripts. Tout d'abord le titre : c'est celui qui sera affiché dans la barre de titre (la bien nommée) du navigateur. Il doit correspondre au contenu de la page (c'est pas indispensable mais c'est mieux pour le référencement). Ex:
<body>C'est ici qu'on place les informations (texte, images, ...) qui seront affichées dans le navigateur. C'est donc la partie la plus remplie. Il est à noter que toutes les couleurs sont à donner au format hexadécimal (RRGGBB) précédé du caractère #. Exemple :
Bon, maintenant cette précision faite commençons à détailler les principales balises de mise en forme. C'est par ici. Intro | Structure | Mise en forme | Liens | Cadres | Tableaux | Multimédia |
||||||||||||||||||||||||||||||||||
Copyright 2002 - tous droits réservés. |