II - Instructions générales
Les titres
Les liens
Les liens d'en-tête
Le tag body
Les lignes
Le tag meta
Instructions diverses
Cette partie contient des instructions générales utilisées dans un document HTML.
Les titres
Nous disposons de 6 tailles différentes pour mettre en forme des titres:
|
Instruction
|
Exemple
|
|
<h1></h1>
|
<h1>Titre de taille 1</h1>
|
|
<h2></h2>
|
<h2>Titre de taille 2</h2>
|
|
<h3></h3>
|
<h3>Titre de taille 3</h3>
|
|
<h4></h4>
|
<h4>Titre de taille 4</h4>
|
|
<h5></h5>
|
<h5>Titre de taille 1</h5>
|
|
<h6></h6>
|
<h6>Titre de taille 6</h6>
|
Voici ce que donne un titre de taille 1:
Titre de taille 1
Le titre de cette partie (Instructions générales) est un titre de taille 2 et le titre de ce paragraphe est un titre de taille 3.
Les liens
Dans une page Web, les liens sont des éléments importants car ce sont eux qui facilitent les déplacements à l'intérieur même d'une page ou vers un autre document.
On utilise également le terme ancre (en anglais, anchor) pour désigner un lien.
Les liens sont définis dans les tags <a> et </a>.
Le tableau suivant présente différents types de lien couramment utilisés:
|
Type de lien
|
Instruction type
|
Exemple
|
|
Lien local vers un élément de la page courante.
|
Le lien:
<a href="#nom">Lien</a>
La zone référencée:
<a name="nom"></a>
|
Le lien:
<a href="#cnid">Les cnidaires</a>
La zone référencée:
<a name="cnid">Les cnidaires</a>
|
|
Lien local vers un document situé dans le même dossier
|
<a href="fichier.aspx">Lien</a>
|
<a href="meduses.aspx">Les méduses</a>
|
|
Lien relatif vers un document situé dans un autre dossier
|
<a href="../[chemin/]fichier.aspx">Lien</a>
|
<a href="../../serins/canari.aspx">Le canari</a>
|
Remarque: ../ permet de remonter au dossier parent.
Les liens d'en-tête
Un lien d'en-tête se définit par le tag link et ne peut être utilisé que dans une zone
<head>.
Ce tag est utilisé pour indiquer un lien vers un autre document. Voici plusieurs attributs de <link>:
|
Attribut
|
Description
|
|
href
|
URL du document relié
|
|
name
|
Nom d'une ancre sur le page reliée
|
|
rel
|
Relation entre les deux pages
|
|
rev
|
Relation inversée entre les deux pages
|
|
title
|
Titre du document relié
|
Exemples
<link href="../style.css" type="text/css" rel="stylesheet" />
<link title="Les instructions HTML" type="text/html" href="html/instructions.aspxl" rel="alternate">
Le tag body
Le tag body
possède divers attributs qui sont présentés dans le tableau suivant:
|
Attribut
|
Description
|
Exemple
|
|
alink
|
Couleur d'un lien actif.
|
<body alink="red">
|
|
background
|
Image d'arrière-plan du document HTML.
|
<body background="fond_bleu.gif">
|
|
bgcolor
|
Couleur d'arrière-plan du document HTML.
|
<body bgcolor="#0000ff">
|
|
link
|
Couleur d'un lien non activé.
|
<body link="blue">
|
|
onload
|
Appel d'une commande de script lors du chargement de la page.
|
<body onload="[script]">
Voir ci-dessous pour un exemple.
|
|
text
|
Couleur du texte
|
<body text="orange">
|
|
vlink
|
Couleur d'un lien visité
|
<body vlink="green">
|
|
! Attention !
Tous ces attributs (sauf onload) sont présentés à titre d'exemple et doivent être remplacés par des feuilles de style (CSS).
Dans les textes officiels, ces attributs sont qualifiés de deprecated: il existe une forte probabilité que de tels attributs disparaissent dans une prochaine version du langage HTML.
Pourquoi ? Parce-que ces attributs ne sont pas interprétés par tous les navigateurs.
|
Voici un exemple pour l'attribut onload: <body onload="window.alert('Coucou !');">
Cliquer ici pour voir le résultat.
Les lignes
Le tag hr
permet d'insérer des lignes horizontales (en anglais, horizontal rule) dans un document.
Cette instruction possède également plusieurs attributs deprecated:
|
Attribut
|
Description
|
Exemple
|
|
align
|
Alignement de la ligne (left, center ou right)
|
<hr align="center">
|
|
color
|
Couleur de la ligne
|
<hr color="#0000ff">
|
|
noshade
|
Supprime l'effet d'ombrage défini par défaut
|
<hr noshade>
|
|
size
|
Hauteur de la ligne
|
<hr size="1">
|
|
width
|
Largeur de la ligne
|
<hr width="240">
|
Le tag meta
Le tag meta
permet d'indiquer des informations complémentaires sur un document.
Ce tag est utilisé pour les services de recherche.
Instructions diverses
Voici d'autres instructions fréquemment utilisées dans un document HTML:
|
Tag
|
Description
|
|
<p>
|
Commencer un nouveau paragraphe
|
|
<br>
|
Commencer une nouvelle ligne
|
|
<div>
|
Définir une zone de texte (block-level)
|
|
<span>
|
Définir une zone de texte (inline)
|
Exemple
Voici un <div style="color:#0000ff; text-decoration:underline">texte bleu et souligné</div>
Voici un autre <span style="font-weight:bold;"> texte en gras</span>
Résultat
Voici un texte bleu et souligné
Voici un autre texte en gras
Vendredi 26 Août 2005
|