Cours d'hypertexte - Introduction

Introduction au langage HTML

Le langage HTML ou HyperText Markup Language est un ensemble de marqueurs utilisés dans l'Internet pour construire et visualiser les pages W3. Les documents HTML sont essentiellement constitués de caractères ASCII et sont édités à l'aide d'un logiciel de traitement de texte ou d'un éditeur d'hypertexte tel que WebExpert ou HotDog. Les documents HTML deviennent fonctionnels grâce aux marqueurs qui sont insérés ici et là dans le texte et qui donnent au logiciel de navigation les instructions sur la façon dont il doit afficher le document à l'écran.
Voici en exemple un document hypertexte, celui de la page principale de l' École secondaire de Rochebelle:
Ce texte crypté, d'une apparence désordonnée, donne ce qui suit lorsqu'il est appelé par votre logiciel de navigation:

École secondaire de Rochebelle: Page Principale

(N. B. Cette page W3 s'ouvre sur le logo de l'école. Sans ce graphique, le titre devrait être:)
École secondaire de Rochebelle

Description globale
Introduction
L'encadrement des élèves

Innovation pédagogique

Structures particulières
Programme d'Éducation Internationale
Une journée de la vie d'un élève du P.E.I.

Le langage HTML utilise des marqueurs (aussi nommés codets, étiquettes et ferrets) qui instruisent un logiciel de navigation, tel Netscape, sur la façon d'afficher un document à l'écran. Les marqueurs sont toujours accompagnés de chevrons (< et >). En exemple, le marqueur <TITLE> spécifie le titre du document. (Note: le langage HTML accepte indifféremment les majuscules ou les minuscules. Vous pourriez utiliser <title> au lieu de <TITLE>.) Vous pouvez voir un marqueur <title> en action au début de cette page où il est écrit Cours d'hypertexte - Introduction. À cette fin, affichez la source de ce document avec votre logiciel de navigation.
Pour que votre logiciel de navigation reconnaisse la fin d'un titre donné, il a besoin d'un marqueur de fermeture correspondant qui, dans ce cas, est </TITLE> et qui fait suite directement à l'actuel titre de votre page W3. Notez comment ce marqueur </TITLE> inclue une barre oblique (/) devant le mot TITLE. Cette barre oblique est toujours utilisée pour indiquer la fin d'une instruction. Ainsi, si vous jetez un coup d'oeil sur l'exemple de l'École secondaire de Rochebel , vous verrez que la plupart des instructions se terminent par un marqueur de fermeture correspondant incluant une barre oblique, sinon votre logiciel de navigation ne saura jamais quand une instruction HTML doit se terminer. Dans cet exemple, la seule instruction qui n'a pas de marqueur de fermeture est le marqueur de paragraphe, qui apparaît comme ceci: <P>. Le marqueur <P> indique la fin d'un paragraphe. Un seul est nécessaire et il se place directement à la fin d'un paragraphe.

Les marqueurs HTML essentiels
Au début d'un document HTML, vous devriez trouver trois marqueurs: <HTML>, <HEAD> et <BODY>. Les marqueurs HTML indiquent au logiciel de navigation l'apparence que le document doit avoir à l'intérieur d'une page W3. Assurez-vous que le marqueur <HTML> apparaît au début de chaque page HTML que vous créez. De même, placez un marqueur </HTML> à la fin de chaque document.
Également, les marqueurs HEAD et BODY facilitent l'interprétation du langage HTML par le logiciel de navigation. <HEAD> indique au logiciel de communication quelle partie du document constitue la première section, la tête du document. Le reste, c'est le corps. Par conséquent, il est désigné par le marqueur <BODY>. Ainsi, la tête du document dans l'exemple ci-dessus est:

pendant que le corps du document est:

Dans les deux cas, le marqueur </HEAD> et le marqueur </BODY> sont utilisés à la fin de chacune des sections pour signifier au logiciel de navigation quand les terminer.
L'utilisation des marqueurs <HTML>, <HEAD> et <BODY> peut être perçue comme une perte de temps. C'est que plusieurs logiciels de navigation interpréteront avec difficulté les marqueurs HTML en leur absence. Prenez la bonne habitude de les utiliser.
La plupart des autres marqueurs utilisés dans notre exemple seront expliqués dans les leçons qui suivent.

Introduction au langage HTML

École secondaire de Rochebelle

Les marqueurs HTML essentiels

Leçon suivante: En-têtes, titres et paragraphes Ou retournez à la page d'entrée

Leçon suivante: En-têtes, titres et paragraphes
Ou retournez à la page d'entrée