Les autres tags

Le prologue de page

Les navigateurs ne sont pas tous de la même génération : vous pouvez très bien utiliser la dernière version de Netscape, alors que d'autres sont encore sous Mosaïc ou Lynx. Le prologue est une ligne que l'on rajoute avant le début de la page HTML et qui permet de définir quelle version du navigateur il faut posséder afin de lire votre page. Pour être plus exact, cette ligne permet de spécifier quelle est la version de HTML que vous avez utilisée pour créer votre page. Par exemple la page que vous êtes en train de lire commence par :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD W3 HTML 3.2//EN">
<HTML>
<HEAD>
 Même si elle n'est pas obligatoire, il est fortement conseillé de rajouter cette ligne de prologue avant toute page, ainsi vous vous assurez de n'avoir pas de problème avec certains serveurs récalcitrants !
Il est difficile de la retenir et surtout de n'omettre aucun caractère ; aussi, je vous conseille de la copier-coller.
Attention : ce prologue doit se situe AVANT le tag <HTML>.

Ecrire en couleur

Vous avez sans doute remarqué, dans ce cours ou dans d'autres pages, que certains mots ou textes sont écrits en couleur. Ceci est très simple à réaliser quand on a compris que toutes les couleurs peuvent être obtenues à partir de trois seulement (c'est ce que l'on appelle la synthèse additive, voyez un prof de Physique si vous voulez des éclaircissements !).
Les trois couleurs primaires utilisées en Informatique sont le rouge, le vert et le bleu. C'est à partir d'elles que l'on va reconstituer toutes les autres.
Si vous désirez écrire un mot ou un groupe de mot en couleur, il suffit d'encadrer ce ou ces mots par la balise suivante :

<FONT COLOR="#RRVVBB">ceci est écrit en couleur</FONT>

Le contenu de l'attribut COLOR est la valeur de la couleur en hexadécimal (voir le cours d'architecture !). Essayez, si vous le voulez, les différentes combinaisons possibles proposées ci-dessous :
Rouge Vert Bleu

Faire un fond en couleur

C'est exactement le même principe que pour écrire en couleur. Simplement l'attribut spécifiant la couleur (BGCOLOR pour "Background Color") sera dans le tag <BODY> :
<BODY BGCOLOR="#RRVVBB">

Insérer des images

Il est très agréable au lecteur de se promener dans un site agrémenté d'images. Rien n'est plus simple que d'insérer une image si vous avez compris le principe des liens hypertextes A HREF. La seule subtilité réside dans la manière de positionner l'image par rapport au texte.
Le tag d'insertion d'une image est :
<IMG SRC="chemin et nom de l'image">.
Exemple : <IMG SRC="../pictures/sapin.gif">.
S'il ne se passe rien, c'est que le chemin n'est pas le bon ou que le nom est incorrect. Attention le nom est case sensitive, c'est-à-dire qu'il faut respecter les majuscules et les minuscules.

Il existe plusieurs attributs à cette balise, pour en préciser la taille, l'emplacement . . .

ALIGN
permet de préciser la position du texte par rapport à l'image
WIDTH
pour définir la largeur de l'image, en pixels
HEIGHT
pour définir la hauteur de l'image, en pixels
ALT
permet d'ajouter un commentaire écrit si le navigateur ne sait pas charger l'image ou s'il est en train de la charger
Exemple : <IMG ALIGN=Left SRC="../bouton1.GIF" WIDTH="198" HEIGHT="28" ALT="texte alternatif">
Valeurs de l'attribut ALIGN
Valeur Effet
Left
Right
Top
Middle
Bottom

Les Méta Tags

Les instructions que nous allons maintenant étudier n'apportent pas vraiment de modifications dans la page HTML. En revanche elles sont utilisées pour fournir des informations aux processus de traitement automatique des pages par des robots.
Les méta-tags sont contenus dans la balise <META > qui ne se ferme pas, et qui est située dans la balise <HEAD> </HEAD>.
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
permet de signifier au navigateur dans quel famille de caractère le document doit être décodé ;
<META name="generator" content="MyGenerator">
indique quel est le robot générateur qui a généré le méta-tag
<META name="author" content="Moi">
indique quel est le rédacteur de la page ;
<META name="description" content="Cours et exercices de Physique interactifs pour les terminales S et cours d'informatique : HTML, DHTML et JavaScript.">
constitue une brève description du site ; cette description est souvent reprise par les moteurs de recherche automatiques ;
<META name="keywords" content="Science, Physique, Cours, interactif, Golestin, Enseignement, Histoire, Informatique, HTML, JavaScript, DHTML">
dresse une liste des mots-clés décrivant le site, afin de faciliter l'indexation dans les robots ;
<META HTTP-EQUIV="refresh" CONTENT="15">
permet de recharger la page automatiquement toutes les 15 secondes ;
<META HTTP-EQUIV="refresh" CONTENT="15; URL=http://www.page2.html">
permet, au bout de 15 secondes, d'afficher la page suivante automatiquement.

La balise EMBED

Différents types de numérotation des listes

Page en cours de réalisation !
flècheRetourner à la page précédente