Sucellus - HTML

Le langage HTML appartient à la famille des langages interprêtés, c'est-à-dire qu'il faut utiliser une application, les navigateurs internet, pour pouvoir le lire. C'est un langage qui utilise des balises aussi appelées TAG, donc pour chaque "fonction" du langage HTML il y a une balise ouvrante, identifiée par <nom de la balise>, et par une balise fermante, identifiée par </nom de la balise>. Chacune des ces balises dispose de plusieurs options qui sont combinables. Les fichiers HTML sont identifiés par les navigateurs grâce à l'extention ".htm" ou ".html", pensez donc à l'ajouter a le fin de vos pages créées dans un traitement de texte tel Simple text ou Notepad.

Une page HTML est composée de plusieures parties, HEAD (tête) et BODY (corp). Dans chacune des ces parties vous avez la posibilité de ce que l'on vas appelé sous-parties,
Une page HTML est identifiée grace aux balises :
<HTML> et </HTML>

Ont obtient donc comme modèle général de page HTML ceci:
<HTML lang="french">
<HEAD>
<HEAD>
<BODY>
</BODY>
</HTML>
Voici maintenant le détail des différentes sous-parties.

Dans le HEAD vous trouvez le titre de la page, ce qui apparait en haut des navigateurs

et c'est aussi le nom sous lequel est enregistré votre page dans les bookmarks de vos navigateurs.

Les balises qui définissent le titre sont <TITLE>Nom de la page</TITLE>.

Ont trouve ensuite la sous-partie script qui est détaillé ici et utilisée pour l'insertion de javascript, php, perl...

Ensuite vous avez le STYLE utilisé pour cette page, voir le cours sur les CSS vous avez la balise LINK???

Ont touve aussi dans le HEAD les balises META qui sont des balises "simples", c'est-à-dire qu'il n'est pas nécessaire de mettre la balise fermante. Comme l'utilisation de ces balises est à réserver principalement aux webmasters un cours leur est consacré ici.

Ensuite dans le corps (BODY) de la page nous trouvons tous les détails sur le contenu et l'aspect que doit avoir notre page dans le navigateur qui aura la charge de l'afficher.
Afin de garantir le même affichage des couleurs sur tous les navigateurs et OS une palette des couleurs web existe je l'ai reconstituée ici.
ATTENTION: car malgré les spécifications du W3C les navigateurs sont loin de respecter cette charte, car ils cherchent à faire en sorte de proposer des options qui ne sont pas certifiées donc qui ne pourront pas être disponibles sur les autres navigateurs, certains navigateurs n'affichent pas la même page en fonction de l'OS sur lequel ils tournent.

Pour commencer la balise BODY propose plusieurs options:
BGCOLOR: définit la couleur de fond de la page.
TEXT: définit la couleur du texte par défaut.
LINK: définit la couleur par défaut des liens.
VLINK: définit la couleur par défaut des liens visités.
ALINK: définit la couleur par défaut des liens actifs.
BACKGROUND: définit une image comme fond de la page, on indique alors le chemin relatif juste après le mot clé "file:".
On obtient alors:
<body bgcolor="#111111" text="#222222" link="#333333" alink="#444444" vlink="#555555" background="file:image/toto.gif">

Oups j'allais oublier afin de permettre à d'autres personnes de travailler sur votre code ou même pour vous permettre de vous y retrouver il y a les commentaires, ceux-ci sont définis grâce à ces tags:

Voila vous savez maintenant faire une page HTML de base avec un titre. Vous pouvez passer à la suite:-))

Sucellus 2001 ©
Les noms des logiciels, jeux, matériels, marques, images de ce site sont la propriété de leurs auteurs et/ou de leurs éditeurs.

La caverne d'Alibaba des Webmestres Francophones