Première étape

 

Un document HTML peut s'écrire avec un éditeur de texte très simple du genre Bloc-Notes (Notepad).
Surtout n'utilisez par un traitement de texte complexe du type "Word" car il introduirait de nombreux codes de positionnement qui en perturberaient la visualisation.

Voici un exemple de code source que nous analyserons plus loin.

Observez que le nom du fichier "mon_premier_document.html" a bien pour extension "html" ou "htm".
L'ensemble du texte écrit dans ce fichier est appelé "texte source".

Explications

Les textes entre les signes "<" et ">" s'appellent des BALISES.

<HTML> est la balise qui ouvre la section de codage HTML.
</HTML> est celle qui ferme cette section.
En principe, il ne devrait pas avoir de code HTML en dehors de ces deux balises.

L'ensemble de ces deux balises est appelé un "CONTENEUR" (container en anglais).

<HEAD> ... </HEAD> est le conteneur d'entête.
Ce conteneur d'entête est destiné à des informations générales (nous verrons cela plus loin).
Pour le moment, il ne contient que le titre du document, qui est lui-même contenu entre les balises <TITLE> et </TITLE>, encore un conteneur.

<BODY> ... </BODY> est le conteneur de corps de document.
Le corps du document doit contenir les textes, images sons à faire apparaître sur la page HTML.

<!-- .... --> est le conteneur de commentaires.
Le texte contenu entre ces deux balises apparaît dans le fichier source, mais pas lors de l'affichage de la page HTML par l'explorateur Internet (Internet Explorer ou Netscape ou tout autre).

Cliquez ici pour visualiser sur votre écran la page correspondant au code ci-dessus, pendant la visualisation faites les observations ci dessous,

Observations :

Exercice suivant.
Sommaire des cours HTML
Sommaire des cours CSS
Page d'accueil