Page minimale |
Une page HTML repose sur une structure de base, règle fondamentale sans laquelle l'utilisateur n'aurait pas accès à son contenu.
Cette structure est ce qui permet au navigateur d'interpréter le texte du code source, qui ne contient pas de mise en forme mais des instructions d'affichage : les commandes et les fonctions.
Ce sont ces commandes (instructions valides depuis leur ouverture jusqu'à leur fermeture)et fonctions (instructions instantanées, qui ne sont valides qu'au moment où elles sont interprétées) qui offrent les nombreuses possibilités de présentation d'une page HTML : mise en forme des caractères, formatage du texte, fond d'écran, liste, tableaux, insertion d'images...
<HTML> ... </HTML>
À l'intérieur de cette structure de base, les commandes<HEAD> ... </HEAD>
délimitent l'en-tête et<BODY> ... </BODY>
le corps du document qui sera affiché dans la fenêtre du navigateur (titres, texte, liens, images,...).
<HEAD> ... </HEAD>
<BODY> ... </BODY>
<HTML> Corps de texte </BODY> |
Ces trois commandes sont essentielles, elles correspondent au code source minimal d'une page HTML, sans lequel le navigateur serait incapable d'interpréter quoi que ce soit.
<!DOCTYPE...>
1.0 :<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML Level 1//EN">
2.0 :
<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
3.0 :
<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 3.0//EN">
3.2 :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
4.0 :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<TITLE> ... </TITLE>
Certains lecteurs hors ligne, utilitaires de gestion de pages Web ou moteurs de recherche élaborent leurs bases de données à partir de ce titre.
<BASE HREF="url" TARGET="cible">
HREF="url"
TARGET="cible"
<META>
Ces informations peuvent servir à identifier un nom (name), un nom d'auteur (author), un contenu (content) et/ou une directive HTTP-EQUIV.Attributs :
HTTP-EQUIV="nom"
CONTENT="nom"
NAME="nom"
<!--commentaire-->
Ces commentaires, qui peuvent aussi bien figurer dans l'en-tête que dans le corps du document, permettent d'ajouter dans le code source HTML des informations utiles au développeur dans les tâches de mise à jour, par exemple. De nombreux éditeurs HTML les utilisent, notamment pour caser dans le code source des informations de copyright ou de la publicité.Spécificité Internet Explorer :
<COMMENT> ... </COMMENT>
Il est possible de définir la couleur de fond et celle du texte pour l'ensemble d'une page HTML à l'aide de la commande<BODY>
, à laquelle il faut ajouter différents attributs, qui introduisent la valeur de la couleur choisie pour chaque élément.
L'indication de couleur est introduite entre guillemet, à l'aide d'un nom de couleur ou de sa valeur sous forme de chiffres hexadécimaux.
<BODY BGCOLOR="?">
<BODY BGCOLOR="#FFFFFF"> |
ou | <BODY BGCOLOR="blanc"> |
<BODY TEXT="?">
<BODY LINK="?">
<BODY VLINK="?">
<BODY ALINK="?">
<TEXT="#000000" LINK="#0000FF" VLINK="#FF0000" ALINK="#00FF00"> |
<TEXT="black" LINK="blue" VLINK="red" ALINK="green"> |
Il est important de prêter une attention particulière au choix des couleurs, qui doivent s'accorder entre elles dans la mesure où elles font partie d'un ensemble qui se veut lisible d'une part, attrayant d'autre part.
De manière à faciliter l'orientation de l'utilisateur, il est donc souhaitable que la couleur du fond soit la même sur toutes les pages, ou du moins sur celles qui traitent un même sujet, de même que celle des différents éléments de page qui remplissent la même fonction.
Il est possible de charger une image au format GIF ou JPEG, qui s'affichera en arrière plan de la page.
<BODY BACKGROUND="URL et|ou nom">
<BODY BACKGROUND="image.gif"> |
Selon la taille du graphisme, l'image s'affichera dans sa totalité ou se répètera sur toute la surface de la page en créant un effet de mosaïque.
Il est possible de charger un certain nombre de fichiers sonores ou videos lors de l'affichage d'une page en faisant appel à des programmes externes que lance le navigateur (Plug-in).Modules enchâssés
La lecture de ces fichiers n'est cependant possible que dans la mesure où l'utilisateur a sur sa machine les programmes ainsi sollicités.
<EMBED>
EMBED est partiellement supportée à partir d'Internet Explorer 3.0 et Netscape 2.0.
SRC="url"
<EMBED "SRC=hiver.mid" WIDTH="150" HEIGHT="50" AUTOSTART="true" LOOP="true" HIDDEN=false> |
BORDER="?"
HEIGHT="?"
WIDTH="?"
PALETTE="BACKGROUND|FOREGROUND"
AUTOSTART="TRUE|FALSE"
AUTOPLAY="TRUE|FALSE"
HIDDEN="TRUE|FALSE"
CONTROLS="SMALLCONSOLE|LARGECONSOLE"
LOOP="TRUE|FALSE"
ALIGN="ABSBOTTOM|ABSMIDDLE|BASELINE|BOTTOM|LEFT|MIDDLE|RIGHT|TEXTTOP|TOP"
PLUGINSPACE="nom"
<BGSOUND>
SRC="url"
LOOP="?"
<BGSOUND SRC="hiver.mid" LOOP="-1"> |