Introduction à la programmation HTML

(1)

Book

Reference

Introduction à la programmation HTML

DUPANLOUP DE CEUNINCK, Isabelle

DUPANLOUP DE CEUNINCK, Isabelle. Introduction à la programmation HTML . Genève : I. Dupanloup, 1995, 42 p., ill.

Available at:

http://archive-ouverte.unige.ch/unige:100773

Disclaimer: layout of this document may differ from the published version.

1 / 1

(2)

La figure ci-dessus a été reprise du séminaire de T. Berners-Lee ( 1992).

Tous les logiciels mentionnés ci-après sont les marques déposées de leurs propriétaires respectifs.

(3)

GUTnE ^DE LA PROGRAMMATIoN HTML

Introduction

Syntaxe

du

langage

HTML

Composition d'un tag HTML Le signe

&

Caractéristiques du langage HTML

Les 4 phases du langage HTML

Attention aux emplacements et à l'écriture des tags HTML!

Structure

^générale

d'un

document

HTML

Les catégories de tags

IITML

Tag de commentaires

Tags de structure de document Tags d'en-tête de documents

Tags de configuration du document HTML

Tags de formattage de caractères LiStes

Liens

Insertion d'images Formulaires Tableaux (HTML+)

Description

et

utilisation

des tags

HTML

Tags de structure de document

Le délimiteurde documents HTML: <HTML>... </HTML>

Le délimiteur de I'en-tête de documents HTML: <HEAD> ... </HEAD>

Le délimiteur du corps d'un documents HTML: <BODY> ... </BODY>

La base de l'adressage relatif: <BASE>

Exemple d'utilisation des tags de structure de documents Tags d'en-tête de document

Le titre d'un document HTML: <TITLE> ... </TITLE>

Les en-têtes de niveau 1à 6: <Hn> ... </Hn>

Exemple d'utilisation des tags d'en-têtes de documents Les tags de configuration de documents HTML

La signarure de documents HTML: <ADDRESS>... <ADDRESS>

Le style citation: <BLOCKQUOTE> ... <TBLOCKQUOTE>

Le trait horizontal: <HR>

La marque de début de paragraphe: <P>

La marque de fin de ligne: <BR>

Exemple d'utilisation des tags de configuration de documents HTML Les tags de formattage de caractères

L'attribut gras: <B> ... <Æ>

L'attribut italique: <I> ... </I>

La police à chasse fixe: <TT> ... <TT>

L'accent: <EM>... <ÆM>

L'accent fort: <STRONG> ... </STRONG>

Citation de code source d'un programme: <CODE> ... dCODE>

Insertion de séquences clavier: <KBD> ... </KBD>

Insertion de noms de variables: <VAR> ... </VAR>

La mise en valeur de terme à définir: <DFN> ... </DFN> (HTML +) La citation de sources externes: <CITE> ... </CITB>

1

3

J 4 4 4 5

6 7

1,1 7 7 8 8 8 9 9 10 10

l0

11 11 11 11

t2

12 13

l3

13

t4

15 15

l5 l5

16 16

I7

18

l8 l8

18 19

t9 20 20 20

2t 2t

(4)

d'utilisation des tags de formattage de caractères Les listes

La liste de répertoire: <DIR> ... </DIR>

Les items d'une liste: <LI> ... {</LI>}

La liste numérée: <OL>... <JOL>

La liste non numérée: <UL> ... <UL>

La liste menu: <MENU> ... <^4ENU>

La liste de glossaire <DL> ... </DL>

L'élément <DT> ... {</DT>}

L'élément <DD> ... {</DD>}

Exemple d'utilisation des listes dans un document HTML Les liens: <A>...

<A>

Définition Attributs Contexte

Exemples d'utilisation de liens dans un document HTML L'insertion d'images: <IMG>

Définition Attributs Contexte

Exemple d'insertion d'images dans un document HTML Les formulaires

L'élément: <FORM> ... <ÆORM>

L'élément <INPUT>

L'éiément <TEXTAREA> ... </TEXTAREA>

L'élément <SELECT> ... <SELECT>

L'élément <OPTION> ... _{</OPTION>}

Exemples d'utilisation des formulaires dans un document HTML Les tableaux (html+)

L'élémenl <TABLE> ... <TABLB>

L'élément <CAPTION> ... </CAPTION>

L'élément <TH> ... {<ÆH>}

L'élément <TD> ... {<ÆD>}

L'élément <TR>

Exemple d'utilisation des tableaux dans un document HTML

Annexe

Bibliographie

22 24 24 24 24 25 25 25 25 26 26 28 28 28 28 29 31

3t 3l

31

3l

32.

32 JJ 34 34 35 35 37 37 38 38 39 39 39

4l

42

(5)

(6)

t.e

langage HTMI,

(Hlzperrexr Markup

rJanguage)l est

le

langage

utilisé pour

créer des documents hypertexte, les documents distribués sur

le

WW"W. Ce langage vous permet, en

fait,

de

spécifier

I'organisation

logique

d'un document texte, de

traiter

et de créei des liens hypertexte et de permettre une interaction avec I'utilisateur de vos services

WWW.

Voici

un exemple de document

HTML

simple:

Vous

pouvez remarquer que

la

différence entre un document

HTML

et un document

qui

ne

contient que du texte réside

dans

ce que I'on appelle les rags HTML.

Ces

formulaires

_{et, bien}_{sur, des}liens hypertexte connectant le documents à d'autres documents hypertexte ou d'autres ressources Internet.

Mais

comment

ça

^marche?

Les

tags sont, en

fait,

interprétés par

le

browser

WWW lors

de

I'affichage du document HTML2. Ceci alloue à ce

système

une

grande

flexibilité:

des browsers très différents peuvent vous permettre de visionner le même document

HTML.

rs

remarque:

il

^existe

un

grand nombre de browsers W.WW

qui vont

du browser graphique

qui

tiendra compte de

la plupart

des tags que

vous

avrez

utilisé lors

de

la

crêation de

votre document HTML

au

browser en

mode

terminal qui

ne vous montrera pas les images d'un document

HTML,

etc. Lorsque vous créerez vos propres services

WWW,

essayez de

tenir

compte du

fait

que vos documents pourront (ou devront

pouvoir)

être visionnés

par

ces différentes browsers: ne vous bornez pas à

n'utiliser

què des images

I Un markup est un caractère spécial (métacaractère) utilisé dans les fichiers texte pour indiquer à un programme comment représenter ou manipuler le contenu du fichier lui-même.

Un langage markup est un ensemble de caractères spéciaux et de fonctionnalités utilisées pour définir une méthode spécifique d'affichage de fichiers contenant des markups (ex. de langage markup: HTML).

2 Un tag HTML peut être considéré comme une instruction qui indique au browser WWW comment doit être affiché ou que représente une partie d'un document HTML.

(7)

Guide de la programmation

HTML

₂

dans

vos

documents

HTML, faites

attention _à

ce

que

votre

mise en page puisse être appréciée depuis n'importe quelle interface. Voyez

ici

comment apparaitrà le document

HTML

ci-dessus sur deux browsers

WWW

très différents:

- avec Netscape

1.lN,

un browser graphique

- avec

Lynx,

un browser en mode terminal

Un

document

HTML-est donc à I'origine du texte; tout

document

HTML

peut donc être préparé à

partir

d'un éditeur de texte simple, tel que l'éditeur NotePad sur un

Pi

ou TeachText sur Macintosh _{ou encore}

vi

sur une station

UNIX.

I / 129.194.l I 3.1 B/htdocs/isa/Formation _le.html

Use orrour

Ceei est le titre de uotre doeunrent HTHL CECI EsT UIi EI{-TETE OE HIUERU ¹

Eonjour.. CÊ docum,:rlt Est un exÈmple qui vous morltFÊ comftent sÈ

strueture un doÈumÈrlt HTI1L simple.

Ce tog uous pennret de EepopÊp les ponogropheE d'un documerrt exerrple de liste non-humeFEÈ:

'* ^pnemien^elÊmÈt1tde lo listÈ + _Eeeond_elenrentde lo l iste + tr.oisieme elEmÈnt de lo I iste Et voi lo, c'est dejo fini.

Uoici un

(8)

SyxTnxE DU LANGAGE HTML

A quoi

ressemble

un tag HTML? Un tag HTML est une portion de texte

entourée des caractères

< et >;

ces caractères

indiquent au browser WV/W qu'il doit

considérer avec

attention les instructions qu'ils contiennent.

Ces

instructions lui

permettront,

en effet,

de savoir comment

afficher un

document, de gérer les

liens

que peut

avoir

ce document avec d'autres ressources, etc.

COvTposTTIoN D'UN TAG HTML

Un tag

HTML

a une forme générique qui ressemble à ceci:

avec les éléments suivants - NOM-TÀG

Tous les tags

HTML

ont un nom; ce nom indique au browser quel est le type du tag.

os exemple: le tag <n> indique que le texte qui le suit est un nouveau paragraphe.

-

{ÀTTRIBUT{="VâLEUR"}.

..

}

Certains tags

HTML

prennent

un voire

plusieurs attributs et, dans certains cas, ces attributs prennent une valeur.

Un attribut peut, par exemple, indiquer

I'adresse d'une ressource

ou spécifier

les caractéristiques de I'affichage d'un texte sur lequel un tag s'applique.

is

exemple:

le

tag

<ruc> qui

permet d'insérer une image dans un document

HTML

est toujours de la forme:

I'attribut snc indique au browser par la valeur qui lui est

associée,

un URL,

I'adresse

où

se trouve

I'image

à insérer dans

le

document

HTML. Le

tag <ruc>

peut prendre d'autres attributs; nous verrons plus en détail ce tag plus tard.

- Text,

Ceci est la portion _{de texte}modifiée par le tag. "

-

{</NOM-TÀG}

La plupart

des tags

HTML ont

un tag de

fin,

c'est-à-dire une commande

qui

permet de

signifier

au browser que tout ce qui le suit ne

doit

pas être

modifié

par llaction du tag de nom NoM-TÀc.

rs

_exemple:

ici,

le texte

titre

^sera^affichécomme un en-tête de niveau 1, alors que le texte

voici un exemple d.'utilisation des tags

d.e f

in.

sera affiché de façon normale.

!s

_remarques:

-

les tags

HTML

ne sont pas sensibles aux caractères minuscules ou majuscules3: <s1>

est équivalent à

<h1>

et <TirLe> est équivalent à <rrrr,u>. Il est toutefois

3 ils sont, par contre, sensibles aux espaces: aucun de ces tags n'est valide:

<h

ead.>,

<he

ad>,

<hea

d>

(9)

HTML

recommandé de mettre en majuscules tous les tags d'un document

HTML

ce qui rend la lecture de ce dernier beaucoup plus _agréable.

- le nom de I'attribut,

comme

le nom

de l'élément, n'est pas sensible aux caractères

minuscules ou

majuscules: <rMG

sRC=,,firename.9ii"> est équivalent à

<rmG ERc=rrf

ilename. gif

">; par contre la valeur assignée à

I'attribut

sRc est sensible aux caractères minuscules

ou majuscules: <ruc sRC=,,firename.gif,,> n'est

pas

équivalent à <ruc

sRC='tf

ileNÀrrrE.gif ">;

ce sont les caractères

"" qui

préseive cette

sensibilité:

toute chaîne de caractères contenue

entre " et "

rera

ietrsible

aux caractères minuscules et majuscules.

- _on _dit _très

souvent qu'un document

HTML

est composé d'éléments;

la

chaîne de caractères ci-dessous sera, par.exemple, _dénomméeélément

H1,

élément composé d'un tag de départ H1, d'une

pofiion

de texte et d'un tag de

fin Hl.

LB sTcNB &

Le

signe

&

est

un

autre caractère

HTML

spécial;

il

est

utilisé

pour permettre I'affichage des caractères

qui

n'appartiennent pas au set de caractères

ASCII

(comme les caractères

èl ii,

ô,

etc.) ou les

caractères

qui

pourraient

être

interprétés

comme une partie d'un tag HTML

(comme les caractères >, <, etc.).

rs

_exemples:

- la chaîne de caractères

&eacure,

pennet I'affichage d'un é - la chaîne de caractères

&asravei

permet I'affichage d'un à - la chaîne de caractères &egraver permet I'affichage d'un è - la chaîne de caractères ö pennet I'affichage d'un ô - la chaîne de caractères &aumt; permet I'affichage d'un â - la chaîne de caractères &uumti permet I'affichage d'un

ii

&tr;

permet I'affichage d'un <

&srr

permet I'affichage d'un >

CenncrÉRrsrreuEs DU LANGAcE HTML

Les 4 phases du langage HTML

Comme nous I'avons précisé auparavant, certains browsers reconnaissent

la

plupart des tags

HTML_alors que d'autres n'en

reconnaissent

qu'une partie. Pour éviter'dei

problèmés éventuels

lors

de I'affichage de documents

HTML

par certains browsers, le langagè

HTML

a

inclus

une

convention

précisant que tous

les

tags non reconnus

par un

browser

devait

être ignoré par ce dernier.

Le nombre de tags HTML croît chaque jour, _à _mesure _que _de _nouveaux

_browsers

apparaissent.

Aujourd'hui,

on peut considérer

qu'il

existe quatre

nineaur

de standardisation du langage

HTML,

numéroté de 0 à 3 intégrant de plus en plus de nouveaux tags

HTML:

4

- HTML

0, c'est

le

langage

HTML

développé par

T.

Berners-Lee du Cern; ce langage est un prototype qui n'a jamais été diffusé dans le public.

HfryL

1: c'est

lapremière

version du langage

HTML

à

avoir

éré publiée; elle permer

le formattage de portions de texte et la création de liens hypertexte.

Certains browsers, comme

Lynx

et Cello, ne peuvent interpréter _{que cette}version du langage

HTML.

(10)

- HTML 2:

c'est

la

version courante du langage

HTML: elle inclut

tous les tags inclus dans

la première version du

langage

plus la possibilité de créer

des formulaires interactifs.

La

plupart des browsers graphiques, comme Mosaic, Netscape,

V/inWeb

ou Mac'Web, peuvent interpréter tous les tags de cette version du langage

HTML.

- HTML 3 (parfois

appelé

HTML+):

c'est

la version du

langage

HTML

en cours de développement; elle ajoute aux tags de la version 2, les tags permettant la création de

tableaux et I'insertion de notations

mathématiques complètes. Certains browsers,

comme

Netscape,

permettent déjà I'intégration de ces tags

_{dans des}_documents

HTML.

Attention aux emplacements et

à

l'écriture des tags HTML!

Le

langage

HTML

est

un

langage structuré, c'est-à-dire

qu'il existe

des règles concernant I'emplacement des

tags HTML. Un élément Hl par exemple ne pourra

pas

contenir

un élément H2 ou une liste, comme ci-dessous:

Les tags

HTML

ne peuvent pas non plus se chevaucher, comme ceci:

Si vous désirez

utiliser

le langage de programmation

HTML,

essayez de ne pas faire ce genre d'erreurs. Vous

pourriez

avoir de grandes surprises

lors

de

l'affichage

de vôs documents sur certains browsers.

(11)

HTML

STRUCTURE cÉNÉnnLE D'UN DoCUMENT HTML

Un document

HTML

bien structuré doit toujours être composé:

- d'un en-tête _[header] qui attribue un titre au document HTML et fournit

des informations générales sur le type du document

- djun corps lbody] qui ^contient tout le texte du document qui va être affiché

(à I'exception du

titre

du document

qui

se place dans I'en-tête de ce dernier) ainsi que les tags de formatage de texte, les formulaires, les liens vers d'autres documents, etc.

- et d'un

bas de page

[footer], qui ^permet de

caractériser,

de façon plus

précise,

le

document en permettant

d'identifier

son auteur, en indiquant la date de créàtion et de

modification

du document, etc.

Il

n'est pas absolument nécessaire de structurer de cette façon un document

HTML. Mais il

vous est conseillé de le

faire

si vous désirez un

jour _modifier

_{vos pages}_eten reconnaître les

différents

parties

ou si

vous

voulez

que

votre

document puisse

être lisible par

d'éventuels intéressés.

6

(12)

LES CATÉGORIES DE TAGS HTML

Il

existe plusieurs catégories de tags

HTML

que I'on distingue selon leurs fonctions.

Avant

de décrire

un à un

chacun des tags

HTML,

arrêtons-nous à

la description

de chacune de ces catégories.

TAG

DE

COMMENTAIRES

Les commentaires permettent aux auteurs de documents

HTML

d'annoter leurs documents, sans que le browser n'interprète ces annotations, ceci

afin

de permettre à d'éventuels lecteurs de comprendre la composition et le rôle du document en question.

Tag

HTML

Nom du tag Brève description du tag

<!--

Commentaire Permet aux auteurs de documents

HTML

d'ajouter des commentaires

DoCUMENT

Il

existe de nombreux tags permettant de structurer un document

HTML.

Ces tags permettent de

définir le

contenu d'un document

HTML,

de partager ce document en

sectioni

(en-tête, corps) et de

définir

certaines caractéristiques propres du document (adresse de base, etc.).

Tag

HTML

HTML

délimite le contenu d'un document

HTML

<HEtA.f,r> </HEAD> Head délimite le contenu de I'en-tête d'un

document

HTML

<BODY> </BoDY> Body délimite le contenu du corps d'un

document

HTML

<BASE> Base indique

I'URL

complet du document

HTML

<ISIIÙDEX> Isindex indique que le document supporte des

scripts

CGI

<I.INK> Type de lien

définit

les relations entre le document

HTML

courant et d'autres documents

<METÀ> Meta-information permet d'ajouter dans I'en-tête du

document des informations ne pouvant pas se placer dans un autre élément

<NEXTID> Identificateur _permetd'attribuer au document

HTML

un identificateur numérique

(13)

HTML

^g

TAGS D'EN-TÊTE

DE

DoCUMENTS

Les tags d'en-tête permettent de structurer le contenu d'un document

HTML,

en

lui

attribuant un

titre

ou des en-têtes de niveau différent.

Tag

HTML

<TITLE>

</TITI,E>

Titre

donne un titre au document

HTML

<H1>

</Hl>

En-tête de niveau 1 crée un en-tête de niveau 1

<H2> <lH2> En-tête de niveau 2 crée un en-tête de niveau 2

<H3> </H3> En-tête de niveau 3 crée un en-tête de niveau 3

<H4> </H4> En-tête de niveau 4 crée un en-tôte de niveau 4

<H5> </H5> En-tête de niveau 5 crée un en-tête de niveau 5

<H5> <lH6> _En-tête_de_niveau₆ crée un en-tête de niveau 6

CoNFIGURATIoN DU DoCUMENT HTML

Les tags de configuration d'un

document

HTML

permettent également

de structurer

le

contenu d'un

document

HTML,

en insérant, par exemple, des sauts de

ligne ou

des lignes horizontales pour séparer des paragraphes de texte, etc. Ils permettent également de formàfter, de façon particulière, les informations concernant les auteurs d'un document.

Tag

HTML

<ÀDDRESS>

</àDDRESS> indique des informations _surles

auteurs d'un document

HTML:

adresse électronique, etc.

</Br,ocKQuoTE> permet de mettre en évidence de

longues citations

<HR> Ligne horizontale ajoute une ligne horizontale

<P> Paragraphe

,

indique un début de paragraphe

<BR> Retour à la ligne provoque un retour à la ligne

FoRMATTAGE

DE CARACTÈRES

Les

tags de

formattage

de caractères permettent de mettre en

valeur

certaines

portions

de texte.

Tag

HTML

<B> </B> Gras met en gras une portion de texte

<CITE>

</crrE>

_Courte_citation permet de mettre en évidence de courtes citations

(14)

<coDE> </coDE> Code paramètre de formattage utilisé pour mettre en évidence les instructions _d'un

programme, etc.

Définition

met en valeur un terme à

définir

<EM> </EM> Accent met en valeur une portion _{de texte}

<r>

<lr>

_Italique _{met en}_italique_une_portion_{de texte}

<KBD> </KBD> Clavier met en valeur un terme à taper

<sÀtrtP> </sÀMP> Echantillon met en valeur un échantillon _{de texte}

..

</STRONG> Accent

fort

met en valeur une portion _{de texte}

<TT>

</rr>

_Texte_typewriter _produit_une_police

_Typewriter

<vÀR> <./vÀR> Variable met en valeur une variable

LISTES

Les tags de liste permettent de créer des listes de différents types afin de structurer

I'agencement de données dans un document

HTML.

Tag

HTML

<DIR> </DIR> Liste de réportoire crée une liste de courts éléments (moins de 20 car.)

->

affichage en

colonnes

<IrI> {

</Lr>

_} _Item_de_la_liste _marque_un_itemdans chaque liste

<oL> < IOI'> Liste numérée crée une liste numérée

<UL>

<lvL>

Liste non numérée crée une liste non numérée

<MENU> </MENU> Liste menu crée une liste à choix

<DL> < /Dr.> Liste de glossaire crée une liste pour la

définition

de

.

^termes^précis

<DT> {</DT>} Terme à

définir

accompagne le terme à

définir

dans une liste de glossaire

<DD> {</DD>}

Définition

accompagne la

définition

du terme ^à

définir dans une liste de glossaire

LIENS

Le tag

de

lien

permettent d'insérer des

liens

entre des documents

HTML,

entre des parties d'un même document ou entre des parties de documents différents.

Tag

HTML

<À> </À> Ancre ou lien permet la création de liens hypertexte

(15)

HTML

10

INSERTION D'IMAGES

Le tag d'insertion d'image permet d'insérer des images ou

des graphiques

au sein

d'un document

HTML.

Tag

HTML

<IMG> Ancre ou lien permet I'insertion d'images

FORMULAIRES

Les formulaires permettent une interaction réelle entre le lecteur d'un document

HTML

et ses

auteurs.

Les formulaires permettent au lecteur d'un

document

HTML de

commenter un service, de faire des requêtes d'informations, etc.

Tag

HTML

<FORM> </FORM> Formulaire

définit

le contenu d'un formulaire

<IÂIPUT> Champs éditables spécifie chaque champ éditable d'un

formulaire

..

</TEXTâRE.A>

Zone éditable crée une zone où I'utilisateur _{peut taper} des commentaires dans un formulaire

<SEI,ECT>

</SEITECT> Sélection de champs permet à I'utilisateur de sélectionner, dans une liste, les options qui

I'intéressent

{ </oPrroN> _} Item sélectionnable crée une liste des options sélectionnables dans un formulaire

Teel-Beux (HTML+)

Les

tableaux, comme

les listes,

permettent de structurer I'agencement de données dans un document

HTML.

Tag

HTML

<TÀBLE>

</TÀBIJE> Tableau crée un tableau

<CÀPTION>

</cÀPTroN> Caption spécifie le titre du tableau

<TH> t < /Trr> ) En-tête de tableau crée un en-tête de tableau

<TR> Ligne d'un tableau spécifie la

fin

d'une ligne d'un tableau

<TD>

{</ro>1

Données accompagne chacun des éléments d'un

tableau

(16)

DESCRIPTION ET UTILISATION DES TAGS HTML

TAGS DE

STRUCTURE

DE DoCUMENT

Le délimiteur de documents HTML: .nrur,>

</HrMr,>

Définition

Tout

document

HTML doit

débuter par

le

tag <HTMI,> et se terminer par le tag

</nrul>.

Ces tags permettent au browser d'identifier le document comme un document

HTML.

Attributs

\IERSION=,,version inf

ormat

ion'

(optionnel)

Cet attribut permet d'itlentifier le type

de langage

HTML utilisé pour la création

du document.

Contexte

L'élément <HTMr,> ne peut se trouver dans aucun autre tag.

L'élément <HTMTJ> peut inclure les tags <HEN)> et <Bopy>.

Le délimiteur de I'en-tête de documents HTML: <xseor

<./HSAD>

DéfTnition

L'en-tête d'un document

HTML

est délimité par l'élément <HnAD>.

Il

comporte des informations générales sur le document en question.

Attributs

Aucun.

Contexte

L'élément <HEAD> ne peut se trouver que dans le tag <Hrt{L>.

L'élément <HrjLD> peut inclure les tags:

mais la plupart dès en-têtes de document

HTML

ne comportent que l'élément <TrrrJE>

Le délimiteur du corps d'un documents HTML: <BoDy>

</BoDy>

Définition

Le corps d'un document

HTML

est délimité par l'élément <Booy>.

Le

corps d'un document

HTML

contient tout le texte du document, à la différence de I'en-tête

qui

ne contient que des informations sur le document à proprement

dit. Il

contient également les commandes de formatages, les liens vers d'autres documents, etc. c'est-à-dire

toui

les tags

HTML

que I'on peut trouver dans un document

HTML,

les tags

HTML

contenus dans les en- têtes de documents exceptés.

(17)

HTML t2 Attributs

Aucun.

Contexte

L'élément <BoDy> ne peut se trouver que dans le tag <HTMTJ>.

Il

peut contenir les tags:

<À>,

<ADDRESS>,

<B>,

<BIJOCKQUOTE>,

<BR>,

<CfTE>, <CODE>, <DIR>,

(DL),

(EM),

<FORM>, <Hn>,

(HR), <I>,

<IMG>, <ISINDEX>, <KBD>, <MENU>,

(OL), <p>,

<pRE>,

<sÀtrllP>, <sTRoNG>,

(TT),

<Ul> et <VÀR>.

La base de I'adressage relatif: .sesrt

Définition

L'élément

<BAsE> a pour

rôle d'indiquer I'URL

de base de

votre

document

HTML,

c'est-à- dire, I'adresse originelle de votre document. Cet élément peut être très

utile

si votre document est déplacé (par exemple, sur'un autre serveur).

En

effet, si

vous spécifiez

I'URL

de base de votre document et que ce dernier est déplacé sur

un

autre serveur ou dans

un

autre répertoire, les

URLs relatifs

que

vous

aurez indiqué pour déterminer des liens hypertexte avec d'autres documents

HTML

ou d'autres ressources seront évalués à

partir

de cet

URL

de base et seront alors toujours utilisables.

Attributs

HREF='luRrr

"

(obligatoire)

L'URL

à associer à

I'attribut xnnr

de l'élément <BÀsE> est

I'URL

complet du document

HTML.

Contexte

L'élément <BÀsE> ne peut se trouver que dans le tag <HEiaD>

Il

ne peut contenir aucun tag

HTML.

Remarque:

si la commande

BASE

n'est pas utilisée,

I'URL

par défaut est

celui

du document

HTML

courant.

Exemple d'utilisation des tags de structure de ddcuments

(18)

Avec Netscape, le document

HTML

ci-dessus sera affiché ainsi

Help

Comme on peut le voir, tout ce qui

se

trouve à I'intérieur de

I'en-tête

d'un

document, à

l'exception du titre, n'est pas affiché avec le reste du document.

TAGS D'EN-TÊTE

DE

DoCUMENT

Le titre d'un document HTML: <rrrlE> </rrrr.E>

DéfTnition

Tous les

documents

HTML doivent comporter un titre. Celui-ci devra être délimité

par

l'élément <Trrr,E>.

Selon

le browser WWW utilisé, le titre

apparaîtra de façon différente:

dans une fenêtre différente de

la

fenêtre d'affichage de votre document, en

titre

de la fenêtre, en haut à gauche de Ia fenêtre....

L'élémeni<Trrr,E> doit toujours indiquer le

contenu

de votre

document

HTML

de façon générale

et concise. Il doit comporter moins de 60

caractères

et vous devez pouvoir

déterminer le contenu du document à partir du

titre

seul.

Attributs

Aucun.

Contexte

L'élément <TrrrJE> ne peut se trouver que dans le tag <HEAD>

Il

ne peut contenir aucun tag

HTML

Les en-têtes de niveau

1à

6: .rusr

</HN>

Définition

Il n'existe

pas

en HTML de

découpage

d'un texte en

sections, sous-sections comme dans d'autres langages de formatage de documents. On peut toutefois séparer les parties d'un texte par des en-têtes, en précisant des tailles de polices différentes.

Il existe 6 niveaux d'en-tôtes utilisant des polices

grasses

de tailles

décroissantes, la commande de création d'en-tête est <Hn> (n étant compris entre

i

et 6).

Attributs (uniquement

dans

HTML+)

rD= r'ancre

"

(optionnel)

Cet attribut vous permet d'utiliser ces éléments comme destination d'un lien hypertexte.

:/ I 1 29 .194 .1 1 3.1 3 /htdocs /isa /Formation /strurturê.html

#

{

(19)

HTML t4

ÀrrrGN=,'rrEFT _ICENTER _I

Rrcur'

(optionnel)

Il

est possible d'ajouter un

attribut

nommé ArJreN aux éléments <Hn>

afin

d'aligner ces éléments; cet attribut peut prendre trois valeurs:

- Ar,rGN= ^tr

lef

r

"

^->I'en-tête est alors

justifiée

à gauche - Àr,rGN=',

rishr _"

-> I'en-tête est alors

justifiée

_à_droite - Àr,rGN=ncenter', -> l'en-tête est alors centrée

Contexte

Les éléments <Hn> peuvent se trouver dans les tags:

<À>, <Br.ocKeuorE>, <BoDy> et <FoRM>.

Ils peuvent contenir les tags:

(A), (B),

<BR>, <CITE>, <CODE>, (EM),

<I>,

<IMG>, <KBD>, <SAIllp>, <STRONG>,

<tf>

et

<vÀR>.

Exemple d'utilisation

des

tags d'en-têtes de documents

HTML

ci-dessus sera affiché ainsi:

I 1129.'194.1I 3.1 3 /htd0cs /isa /Formation /en-tete.html

(20)

LES TAGS

DE

CONFIGURATION

DE

DOCUMENTS HTML La signature de documents HTML:

<ÀDDREss>

...

Définition

L'élément

<A.DDREss>

est utilisé pour permettre la signature de documents HTML.

Cet élément peut contenir la liste des auteurs d'un document, des adresses électroniques, etc.

Attributs

Aucun.

Contexte

L'élément <ADDREss> peut se trouver dans les tags:

<Br,ocKQuoTE>, <BoDY>

et

<FOnM>.

Ils

peuvent contenir les tags:

<À>, <B>, <BR>, <CITE>, <CODE>, <EM>,

<r>,

<IMG>, <KBD>, <P>, <SÀ[4P>, <STRONG>,

<TT> et <vÀR>.

Le stylecitation: <BLocKeuorE>

</BrJocKeuorE>

Défïnition

L'élément <Br.ocKeuorr> est

utilisé pour formatter les citations

d'ouvrages

ou de

sources externes.

Attributs

Aucun.

Contexte

L'élément <BrJocKeuorr> peut se trouver dans les tags:

<Br,ocKeuorE>, <BoDy),

(DD),

<FoRM> et <Lr>.

Il

<À>,

<ÀDDRESS>,

<B>,

<BIJOCKQUOTE>, {BR>,

<FOR!11>, <Hn>, ^(HRlo<

I >,

<SÀMP>, <STRONG>,

(1T),

<Uf,> et <VÀR>.

<crTE>,

<coDE>,

<DrR>,

(DL),

(EM),

<PRE>,

,

<KBD>, <MENU>,

<OL),

<P>,

Le trait horizontal:

<HR>

Définition

Un

trait

horizontal occupant la largeur de la fenêtre de visualisation peut être tracé en utilisant l'élément <HR>.

Attributs

Aucun attribut standard.

Netscape

offre

néanmoins des attributs à l'élément <HR> permettant de contrôler la largeur, la longueur et la finesse de ces traits horizontaux.

(21)

HTML t6 Contexte

L'élément <HR> peut se trouver dans les tags:

<Br.ocKeuorE>, <BoDy>, <FoRM> et <pRE>

Il

ne peut contenir aucun tag.

La marque de début

de

paragraphe:

<p>

DéfTnition

Les espaces, tabulations, retours chariot n'ont pas de

signification

en

HTML.

Pour séparer les paragraphes d'un document on utilise le tag <r> qui détermine le début d'un paragraphè.

3s remarque:

le

tag de

fin

d'un paragraphe

</n>

n'est pas

obligatoire; la fin

d'un paragraphe étant marqué par

le

début d'un autre ou d'un autre élément marquant

un bloc

^de-

teite;

</P>

est

parfois utilisé pour

marquer une

fin

de paragraphe

mais

son

utilisation

est assez rare.

Attributs (uniquement

_dans

HTML+) rD=,,ancre"

(optionnel)

Cet attribut vous permet d'utiliser l'élément <p> comme destination d'un

lien

hypertexte.

ÀrrrGN='reErr _I

cnurrn

I

Rrcxr"

(optionnel)

Il

est possible d'ajouter

un attribut

nommé

Àr,rcN à l'élément

<p>

afin d'aligner

le paragraphe suivant cet élément; I'attribut ÀrrrcN peut prendre trois valeurs:

-

ÀrrrGN=trleft"

-> le paragraphe suivant l'élément <p> est alors

justifié

à gauche -

ArrrGN=nrisht"

-> le paragraphe suivant l'élément <p> est alors

justifié

à droite - AlirGN=trcenterrt -> le paragraphe suivant l'élément <p> est alors centré

Contexte

L'élément <n> peut se trouver dans les tags:

<ÀDDRESS>, <BIJOCKQUOTE>, <BODY), (DD), <FORM> et <LI>.

Il

La marque de fin de ligne:

<an>

Définition

Il

est possible de forcer la césure d'une ligne en

utilisanfle

tag <BR>.

r€

_remarque:_{le tag}<aR> est fondamentalement différent du

tag

<p>; en

effet, le tag

<an> est interprété

corlme

un caractère

(il

correspond à un retour de chariot) alors

quele

tag <p>

définit

un bloc de texte comme un paragraphe indépendant.

Attributs

Aucun.

Contexte

L'élément <an> peut se trouver dans les tags:

<À>, <ÀDDRESS>, <B>, <BODY>, <CITE>, <CODE>,

(DD), (DT),

(EM), <FORIII>, <Hn>,

<I>,

<KBD>,

(Lr),

<p>, <pRE>, <sÀ!lp>, <srRoNG>, <TT> et <vÀR>.

Il

(22)

Exemple d'utilisation des tags de configuration de documents HTML

HTML

I 1 129.194.1 1 3.1 3/htdocs/isa /Formation

(23)

HTML

₁₈

LES TAGS DE FORMATTAGE

DE CARACTÈRES

La

mise en forme des caractères est réalisée par des tags de style. On distingue deux types de style:

- les styles

physiques

qui

ne laissent pas d'alternatives aux browsers

WWW et

dont

I'utilisation

est déconseillée : <B),

(r)

et <m>.

- les styles

logiques

qui

sont adaptables

par les différents

browsers

WWW;

ceux-ci

peuvent configurer le traitement qu'ils souhaitent réserver aux différentes

commandes

de style (en fonction

notamment des

polices de

caractères

dont ils

disposent): <ED!>, <srRoNe>, <coDE>, <KBD>, <vÀR>, <DFN> et

<crrE>.

L'attribut gras: <B> <trl>

Définition

L'élément <B> met en gras le texte sur lequel

il

s'applique.

Attributs

Aucun.

Contexte

L'élément <a> peut se trouver dans les tags:

<À>, <ADDRESS>, <B>, <BLOCKQUOTE>, <BODy>,

<CITE>,

<CODE>,

(DD), _<DT),

<EM>,

<FORM>, <Hn>, <X>, <KBD>,

(LI),

<p>, <pRE>, <sÀ![p>, <sTRoNG>, <TT> et <VÀR>.

Il

<A>,

<BR>, <CITE>, <CODE>, <EM>,

<I>,

<IMG>, <KBD>, <SÀMp>, <STRONG>, <TT> et

<vÀR>,

L'attribut italique: .r> <tr>

Définition

L'élément <r> _{met en}italique le texte sur lequel

il

s'applique.

Attributs

Aucun.

Contexte

L'élément <r> peut se trouver dans les tags:

<À>,

<ÀDDRESS>, <B>, <BITOCKQUOTE>, <BODY>,

<CITE>,

<CODE>, <DD),

<DT),

(EM),

<FORtr[>, <IIn>,

<I>,

<KBD>,

(LI],

et

<VÀR>.

Il

(A), (B),

(BR),

<CITE>,

<CODE>,

(EM),

<IMG>, <KBD>, <SÀMp>, <STRONG>, <TT> et

<vÀR>.

La police à chasse fixe: .rrt ... ^</m>

Définition

Le texte sur lequel l'élément

<rr>

s'applique est affiché avec une police à chasse

fixe

(du type courrier le plus fréquemment).

(24)

Attributs

Aucun.

Contexte

L'élément

<rr>

peut se trouver dans les tags:

<À>,

<ÀDDRESS>, <B>, <BIJOCKQUOTE>, <BODY>,

<CITE>,

<CODE>,

(DD), (DT),

(EM),

<FORM>, <Hn>,

<f>,

<KBD>,

(Lf),

<P>, <pRE>, <SA!lp>, <STRONG>, <TT> et <VÀR>.

Il

peut contenfu les tags:

(À), (B),

<BR), <CITE>, <CODE>,

(EM), <I>, <IMG>,

<KBD>, <SAMP>, <STRONG> et

<vÀR>.

L'accent:

Définition

L'élément

<EM>

met un

accent typographique

sur une portion de texte,

généralement _en

I'affichant

en italique.

Attributs

Aucun.

Contexte

L'élément <nu> peut se trouver dans les tags:

<À>, <ÀDDRESS>, <B>, <BLOCKQUOTE>, <BODY>,

<CITE>,

<CODE>,

(DD>, (DT),

(EM),

<FORM>,

(Hlr), <r>,

<KBD>,

(LI),

<p>, <pRE>, <SÀl[p>, <sTRoNG>, <TT> et <VÀR>.

Il

(A), (B), (BR),

<CITE>, <CODE>, (EM),

<I>,

<IMG>, <KBD>, <SÀ!1tp>, <STRONG>,

<tf>

et

<vÀR>.

L'accent fort: <srnoue>

</srRoNc>

DéfTnition

L'élément

<srRoNG> met un

fort

accent typographique sur une portion de texte, généralement en

I'affichant

en ^gras.

Attributs

Aucun.

Contexte

L'élément <srRoNG> peut se trouver dans les tags:

<A>, <ADDRESS>, <B>? <BLOCKQUOTE>, <BODY>,

<CITE>,

<CODE>,

(DD), (DT),

(EM),

<FORM>,

(Hrl), <I>,

<KBD>,

(LI),

<P>, <pRE>, <SÀ.l[p>, <STRONG>, <TT> gt <VAR>.

Il

(À), {B}, ^(BR),

<CITE>, <CODE>, (EM},

<f>,

<IMG>, <KBD>, <SÀ!Ip>, <STRONG>,

<tf>

^gt

<vÀR>.

(25)

HTML

Citation de code source d'un programme:

<coDE>

Définition

20

</coDE>

L'élément <coDE>.!9trn"1 I'affichage d'instructions de

programmes

pour les rendre

plus lisibles (<coon> affiche généralement ces instructions

aveiuné

police à ôhasse

fixe).

Attributs

Aucun.

Contexte

L'élément <coDE> peut se trouver dans les tags:

<À>, <À'DDREss>,

<B>'

<BLocKQuorE>, <BODY>,

<crrE>,

<coDE>,

(DD), (DT),

(EM>,

<FORM>, <Hn>,

<I>,

<KBD>,

(LI),

<p>, <pRE>, <SÀMp>, <STRONG>, <TT> et <VAR>.

Il

(À), (B),

<BR), <CITE>, <CODE>, <EM), <X>, <IMG>, <KBD>, <SÀ![p>, <STRONG>, <TT> gt

<vÀR>.

Insertion de séquences clavier:

<KBD>

...

</KBD>

DéfTnition

L'élément <KBD> est fréquemment utilisé pour matérialiser une séquence de caractères frappés par un utilisateur.

Attributs

Aucun.

Contexte

L'élément <KBD> peut se trouver dans les tags:

<À>'

<ÀDDREss>, <B>, <BLocKQuorE>' <BODY>,

<crrE>,

<coDE>,

(DD), (DT),

<EM),

<E'ORM>, <IIn>,

<I>,

<IJI>, <p>, <pRE>, <SÀ!!p>, <STRONG>, <TT> et <VÀR>.

Il

(A), (B), (BR),

et

<vAR>.

Insertion de noms de variables: <ven> ...

</vÀR>

Définition

L'élément <vÀR> est fréquemment utilisé pour indiquer un nom de variable.

Attributs

Aucun.

Contexte

L'élément <vÀR> peut se trouver dans les tags:

<À>'

<À'DDREss>, <B>, <Br,ocKQuorE>, <BoDY>,

<crrE>,

<coDE>,

(DD), (DT),

(EM),

<FORtr{>, <Hn>,

<I>,

<KBD>,

(LI},

<p>, <pRE>, <SÀllp>, <STRONG>, <TT> et <'iIÀR>.

Il

(À), (B),

_<BR),<CrrE>, <coDE>, (EM), <X>, <rMG>, <KBD>, <SAr4p>, <srRoNG>, <TT> gt

<vÀR>.

(26)

La mise en valeur de terme

à

définir:

<DFN>

Définition

</DFN>

(HTML

+)

L'élément <DFN> est fréquemment

utilisé

pour matérialiser la première

utilisation (définition)

d'un terme dans un document.

Attributs

Aucun.

Contexte

L'élément <DFN> peut se trouver dans les tags:

<À>,

<ÀDDRESS>, <B>, <BIJOCKQUOTE>, <BODY>,

<CITE>,

<CODE>,

(DD), _<DT),

(EM),

<FORII>,

(IIû), <I>,

<KBD>,

(LI),

<p>, <pRE>, <sAMp>, <SIRONG>,

<rr>

et <vAR>.

Il

(A), (B), (BR),

<CITE>, <CODE>, <EM>,

<I>,

<IMG>, <KBD>, <SÀlIp>, <STRONG>,

<tr>

et

<vÀR>.

La citation de sources externes: <crrE>

</CITE>

Définition

L'élément <crrE>

est fréquemment

utilisé pour baliser

une courte

citation et I'afficher

en italique, _enprincipe.

Attributs

Aucun.

Contexte

L'élément

<crrE>

<À>,

<ADDRESS>, <B>, <BIJOCKQUOTE>, <BODY>,

<CITE>,

<CODE>, <DD>,

(DT),

<EM),

<FORtr[>, <IIn>,

<f>,

<KBD>,

(LI),

<p>, <pRE>, <SÀtr[p>, <STRONG>, <TT> gt <VAR>.

Il

(A), (B),

(BR>, <CITE>, <CODE>, <EM>;

<I>,

<IMG>, <KBD>, <SÀllp>, <sTRoNG>, <TT> et

<vÀR>.

L'insertion de notations littérales: <sÀMp>

</sÀMp>

Définition

L'élément

<sÀ.ltP> est fréquemment utilisé pour pennettre I'insertion d'une notation

littérale

et

I'afficher

avec une police à chasse fixe, en principe;

Attributs

Aucun.

Contexte

L'élément

<crrE>

<À>, <ÀDDRESS>, <B>, <BITOCKQUOTE>, <BODY>,

<CITE>,

<CODE>,

(DD), (DT),

(EM),

<FORM>, <IIn>,

<I>,

<KBD>,

(LI),

<p>, <pRE>, <SÀlIp>, <STRONG>, <TT> et <VÀR>.

(27)

HTML

₂₂

I1 peut contenir les tags:

(À), (B), (BR), <crrE>'

<coDE>, <EM>,

<r>,

<rMG>, <KBD>, <sÀ.[rP>, <srRoNG>. <TT> et

<vÀR>.

Le texte préformatté:

<pnr>

Définition

<,/PRE>

I

orsqu'un document pré-formatté

doit

être

inclus

dans un document

HTML,

on le borne par les tags <PRE>

et

</pRp>.

De cette façon les

espacements, tabulations

et

retours chariot conservent leur sens

initial.

0s remarque:

Attention! Si

une partie de texte pré-formatté contient des commandes

HTML,

elles seront interprétées.

Attributs

WIDTH

Ce-t

attribut

vous permet de spécifier le nombre maximum de caractères qui peuvent être affichés sur une ligne et

signifie

au browser

qu'il

doit passer à la ligne suivaàte après ce nombre maximum de caractères.

Contexte

L'élément <pRE> peut se trouver dans les tags:

<BLOCKQUOTE>, <BODY), (DD), _<DT),<FORM>, <LI>.

Il

(À), (B),

<CXTE>, <CODE>, (EM),

<I>,

Exemple d'utilisation des tags de formattage de caractères

Leres

</F,X.>

ice

<TT> a

progranme

<./STRONG>

(28)

HTML

LBs r-tsrps

<./sÀltP>

une ou

rte

CXTE>

1a

t

SAMP>

t er

e c

a

r

1

du text.e qui doit t . Un exemple

de

ale

:l / 129.1 94.1 I 3.1 3 /htdocs/isâ/Formàti0n _.html

La liste de répertoire: <prnr

</DrR>

(29)

HTML

₂₄

Définition

Les listes répertoire sont des listes

d'item

courts, de

moins

de 2O caractères, pour permettre leur affichage sur plusieurs colonnes.

Attributs

couPÀcr (optionnel)

Cet attribut rend plus compacte la liste de répertoire.

Contexte

L'élément <DrR> peut se trouver dans les tags:

Il

ne peut contenir que le tag <r,r>.

Les items d'une liste: <r,r> (</Lr>)

DéfTnition

L'élément <rJr> accompagne chaque

item

des listes de répertoires, des listes numérées, non numérées et des listes menu.

Attributs

Aucun.

Contexte

L'élément <r,r> peut se trouver dans les tags:

<DrR>, <MENU>, <oL> et <urJ>.

Il

La liste numérée: <or,> </ot

^>

Définition

Les listes définies par l'élément <oL> sont des listes numérées.

Attributs

coMPÀcr (optionnel)

Cet attribut rend plus compacte la liste numérée Contexte

L'élément <or,> peut se trouver dans les tags:

Il

ne peut contenir que le tag <Lx>.

La liste non numérée: <ur.>

</vr,>

Défînition

Les listes définies par l'élément <uL> sont des listes non numérées

Attributs

(30)

coMPAcr (optionnel)

Cet attribut rend plus compacte la liste non numérée

Contexte

L'élément <ur,> peut se trouver dans les tags:

<BrJocKeuorE>, <BoDy), (DD), <F.oRM> et <Lr>.

Il

ne peut contenir que le tag <r,r>.

La liste menu: <MENU>

</MENu>

DéfÏnition

Les listes menu sont des listes compactes d'item courts de moins de 20 caractères

Attributs

coMPÀcr (optionnel)

Cet attribut rend plus compacte la liste menu.

Contexte

L'élément <MENU> peut se trouver dans les tags:

<BLOCKQUOTE>, <BODY), (DD), <FORM> et

<lI>

Il

ne peut contenir que le tag <Lr>.

La liste de glossaire

<Dr,> . .

. </Dr,>

^:

Définition

La liste de

glossaire

(définie par l'élément

<or,>)

permqt de

présenter

un certain

nombre d'items et d'associer à chacun d'eux un paragraphe descriptif grâce. aux éléments <DT> et <DD>:

l'élément <or> contiendra I'item de la

liite

ei

|êlément .pot li

description de cet item.

Attributs

coMPAcr (optionnel)

Contexte

L'élément <Dr,> peut se trouver dans les tags:

<BLOCKQUOTE>, <BODY), (DD), <FORM> et <LI>.

Il

ne peut contenir que les tags

<or>

et <Dr,>.

LJélément .prr ... {</Dr>}

DéfTnition

L'élément <DT> accompagne chaque terme à

définir

dans les listes de glossaire.

Attributs

Aucun.

Contexte

L'élément <DT> ne peut se trouver dans le tag: <or,>.

(31)

HTML

₂₆

Il

(À), (B), (BR),

<CrTE>, <CODE>, (EM),

<I>,

<IMG>, <KBD>, <SÀtr[p>, <STRONG>, <TT> et

<vÀR>.

L'élément <po>

{</DD>}

Définition

L'élément <DD> accompagne chaque

définition

du terme à

définir

dans les listes de glossaire

Attributs

Aucun.

Contexte

L'élément <DD> ne peut se trouver dans le tag: <Dr.>.

Il

<A), (b),

<Br.ocKeuoiE>, <BR>,

<crrE>,

<coDE>, <DrR>,

(DL),

(EM), <FoRM>, <r>,

<IMG>, <KBD>, <MENU>,

(OL),

<P>, <PRE>, <SÀMP>, <STRONG>,

(TT),

<Ul> et <VÀR>.

Exemple d'utilisation

des

listes dans un document HTML

(32)

HTML

ci-dessus s'affichera ainsi

LES LIENS:

^<e>

I I / 1 29.1 94.1 I 3. 1 3 /hidocs/isa/Formation /listes.html

)

Définition

</A>

(33)

HTML

28

HTML offre la possibilité

de créer des

liens

vers d'autres documents.

La localisation

des

documents liés n'a

pas

d'importance, HTML

sachant résoudre

les URL. Les liens

sont présentés

à I'utilisateur

(par les browsers

WWW)

sous

forme

de mots souiignés,

en

vidéo inversée, colorés; ce sont les prises hypertextes généralement appelées ancres. Les différentes possibilités pour créer des liens hypertextes sont les suivantes ^:

- les liens vers un document complet distant dont la syntaxe d'écriture est la suivante ^:

-

les

liens

vers un document complet

local utilisent

une syntaxe

simplifiée (il

n'est pas nécessaire d'indiquer le serveur) qui est la suivante ^:

- les liens vers une partie d'un document local utilisent la syntaxe suivante

- les liens internes au document courant utilisent la même syntaxe que ci-dessus, le nom du

fichier

n'étant cette fois pas nécessaire.

Attributs

HREF=',uRrr" (obligatoire pour définir la destination d'un lien)

Cet attribut permet de spécifier I'URL, c'est-à-dire

I'adresse

et le nom du fichier

destination du lien.

NÀrvIE=tltext" (obligatoire pour définir une portion de texte comme destination d'un

lien)

Cet attribut permet de spécifier qu'une portion de texte sera la destination d'un lien.

Rtr,= ⁽^trNExTn_|

"rnnvrous"

I upâtrrNTr

I rgappr

I

(optionnel)

Cet

attribut

permet de spécifier quel type de relation existe entre

le fichier

source et le

fichier

destination d'un lien.

- RErr=',nextn

-> I'URL pointe

sur

le fichier

dans la séquence du service

WWW.

-

a!!.=',prêvious"

->

I'URL

pointe sur le

fichier

précédant le

fichier

courant.

- I{EIJ="parent'! ->

I'URL

pointe sur le

fichier

parent du

fichier

courant.

-

nEr.="made"

-> I'URL pointe sur un fichier

contenant

des informations

sur I'auteur du fichier courant.

TrrrrE= _"TExr _"(optionnel)

Cet attribut permet de spécifier le titre du document destination du lien.

Contexte

L'élément <À> peut se trouver dans les tags:

<ADDRESS>,

(B),

<BLOCKQUOTE>, <BODY>, <CITE>, <CODE>, <DD>, <DT>,

(EM),

<FOR[I>,

(Hrt), <I>,

<KBD>,

(LI),

<P>, <PRE>, <SÀMP>, <STRONG>, <TT> et <VÀR>.

Il

<B>, <BR>, <CITE>, <CODE>, (EM),

(Hrr), <I>,

et <vÀR>.

Exemples d'utilisation de liens dans un document HTML

Avec

l'élément

<gesn>

Introduction à la programmation HTML

Book

Reference