La balise permet de créer un retrait dans la marge de gauche. Comme les balises et

tout élément compris entre les balises d'ouverture et de fermeture bénéficiera de ce retrait. 6. Texte préformaté Si, pour une raison ou une autre, vous ne voulez pas vous servir des balises d'alignement et de paragraphe, la balise

 est recommandée. En effet, tout texte compris entre les balises 
 et 
 sera transcrit de la même manière. Toutefois, l'utilisation de titre et de mise en forme de paragraphe n'est pas autorisée.

Note : La balise 
 possède l'attribut width qui permet de spécifier la largeur (en colonnes) de la page. Cet attribut peut prendre 3 valeurs : 40, 80 (par défaut), 132. Toutefois ils existent des différences lors de la visualisation entre entre Netscape et I.Explorer.

Liens hypertexte

1. Attributs de 
La balise  permet d'établir un lien hypertexte (l'essence même du Web), à l'intérieur même de votre document vers un autre document, ou encore vers l'extérieur (vers un autre site Web). Ses attributs principaux sont :
- href : Permet d'indiquer la source du document (relative ou absolue)
- target : Permet de définir la source d'un cadre comme document (dans la cas d'une frame)
- style : Permet de spécifier une feuille de style
- title : Permet de spécifier une description du lien (identique à l'attribut ALT pour une image et uniquement avec Internet Explorer)

2. Liens internes (même page)
Exemple : Page

Les liens internes permettent de se déplacer à l'intérieur d'un fichier HTML, sans que le visiteur soit obligé de faire "scroller" la fenêtre. Le visiteur va donc cliquer sur un lien et il sera amené vers l'ancre. Pour cela deux étapes sont nécessaires : Définir la cible d'un lien (l'ancre) et associer ce même lien à cette ancre.

3. Définir la cible d'un lien (l'ancre)
Exemple : 

Il n'est pas nécessaire, dans ce cas précis, de mettre un texte ou une image, entre les balises d'ouverture et de fermeture (le nom ne doit pas contenir ni d'espaces, ni d'accents, ni de caractères spéciaux).

4. Associer un lien à une ancre
Exemple : top

5. Liens internes (pages différentes) 
a ) Lien vers une page située sans le même répertoire 
Exemple : Cliquez ici 

b ) Lien dans un répertoire différent 
Exemple : Cliquez ici 

c ) Lien dans un même répertoire et vers une ancre d'une autre page 
Exemple : Cliquez ici 

d ) Lien dans un répertoire différent et vers une ancre d'une autre page
Exemple : Cliquez ici

6. Liens externes
Les liens externes commencent comme les autres liens, c'est à dire avec la balise  Par contre suivant le protocole, le reste de la syntaxe varie.

a ) Lien externe vers un site http
Exemple : Découvrez ALL HTML

b ) Lien externe vers un serveur FTP
Exemple : FTP ALL HTML

c ) Lien externe vers un serveur de news (Attention pour que ce lien soit valide il faut que le visiteur soit abonné à ce serveur de news)
Exemple : Serveur de news

Note : Avec un lien externe vous pouvez également proposer un fichier (.exe ou .zip) en téléchargement
Exemple : Cliquez ici pour télécharger le fichier

7. Lien e-mail
Vous pouvez créer un lien e-mail pour que la messagerie paramètrée par défaut du visiteur se lance automatiquement. Attention tout de même : ce lien ne marche pas avec les premières versions de Netscape et d'I.Explorer. Il possède plusieurs attributs dont : ?subject= pour définir un sujet (ou objet) automatiquement, ce qui est très pratique pour trier votre courrier par le biais de votre logiciel classique.

a ) Lien e-mail sans sujet
Exemple : nom@provider.com

b ) Lien e-mail avec sujet (ici "renseignement")
Exemple : nom@provider.com

c ) Lien e-mail avec sujet, et texte dans le corps du message
Exemple : nom@provider.com 

d ) Lien e-mail avec sujet, envoyé à 2 personnes (dont une en CC) 
Exemple : nom@provider.com 

e ) Lien e-mail avec 2 personnes (dont une en CCI ou BCC)
Exemple : nom@provider.com 

8. Récapitulatif

Note : La balise de fermeture  est bien entendu obligatoire.

Balises img et map

1. La balise  et ses attributs 
La balise  a de nombreux attributs, le plus important étant bien entendu src qui permet de spécifier l'URL complète (chemin) du fichier :

 

Le nom de fichier doit être remplacé par le nom de l'image et son extension (ordi.gif). Si votre fichier ordi.gif se trouve dans un autre répertoire que vos pages, par exemple dans un répertoire gif, cela donne :



A noter que vous pouvez charger une image sur un autre site (principe du compteur). Il faut pour cela l'adresse complète du serveur :



Note : Pas de barre oblique inverse \.

a) Précisez la taille de l'image au navigateur !
En précisant la taille de l'image au navigateur, celui-ci charge plus rapidement votre page. En effet, il n'a pas à la recalculer et, si jamais le visiteur a désactivé le chargement des images, la mise en page ne sera pas perturbée. Ces dimensions correspondent à la taille en pixels de l'image. Ici, l'image fait 40 pixels de large sur 30 pixels de hauteur.



Vous pouvez donc agrandir ou rétrécir votre image en jouant sur les attributs width et height mais attention ! le dessin ne sera pas chargé plus rapidement si vous diminuez sa hauteur ou sa largeur (ou les deux), bien au contraire.

b) Fournir un texte de rechange
On déclare un texte dit "de rechange" avec l'attribut alt et cela offre deux avantages :
- Si le visiteur désactive le chargement des images, il pourra quand même deviner le sens de l'image
- Vous pouvez par ce biais fournir une légende à une image lorsque le pointeur de la souris passe au-dessus de cette image

Note : L'attribut longdesc (HTML 4.0) permet de spécifier l'URL d'un document contenant une description complète de l'image, ceci afin de ne pas pénaliser les navigateurs dits navigateurs "textes".



c) Entourer l'image

Avec l'attribut border vous pouvez entourer l'image d'une bordure. L'attribut border prend une valeur de 1 à x qui exprime la largeur de cette bordure entourant l'image.



d) Espacer l'image
Avec les attributs hspace=n vspace=n (n étant un nombre en pixels) vous pouvez fixer un espace vertical et horizontal autour de votre image.

 

e) Positionner et aligner une image
Par défaut l'image est placée sur une ligne et, le texte s'il est présent est aligné sur le bas de l'image. Si vous voulez encadrer une image avec du texte (style journal) l'attribut AliGN est requis. il possède 9 attributs :
- left : Texte à gauche
- right : Texte à droite
- middle : Texte au milieu
- absbottom : Texte en bas (absolu)
- abmiddle : Texte au milieu (absolu)
- baseline : Sur la ligne du texte
- bottom : Texte en bas
- texttop: Texte en haut
- top : En haut


 

f) Prévisualisation des images
A l'aide de l'attribut lowsrc, vous pouvez accélérer l'affichage de vos pages. En effet, le navigateur affichera en premier lieu ce qu'il trouve dans la balise lowsrc. Généralement, l'image contenue dans l'attribut lowsrc doit être en basse résolution ou compressée. L'utilisation de cet attribut est surtout intéressante pour des images supérieures à 20 Ko. Précisez également les dimensions de l'image. Attention : cette balise est spécifique à Netscape !

 

2. La balise