mis à jour le 01.11.2003

remarques, réflexions : Christian Oïhénart

Les bases du HTML

Écrire une page HTML (HyperText Markup Language, soit langage hypertexte à balises), c'est écrire du texte, avec un certain nombre d'instructions qui seront envoyées au navigateur afin que ce dernier sache comment traiter tous les éléments de votre page Web, que ce soient du texte, des images, des hyperliens, des adresses e-mail, des objets multimédia, des formulaires,... . Ces instructions sont indiquées par < > et sont appelées des tags ou des balises. La plupart des balises vont par paire, à chaque balise de début d'action, soit <...>, correspond une balise de fin d'action </...> ; mais certaines balises sont isolées (par exemple celle impliquant un retour à la ligne). La création d'un site Web consiste à préparer des pages Web liées entre-elles par des liens hypertexte et affichant un certain nombre d'autres données (images, sons, vidéo, …) qui ne sont pas directement dans le document.

Le HTML ne gérant hélas que les 128 caractères de l'alphabet ASCII, les caractères accentués sont représentés grâce aux "entités de caractères", soit une suite de caractères dont le premier est un & et le dernier un ; .

Ainsi, la page la plus simple qui puisse être écrite est la suivante :

Exemple de Page très très simple

La première ligne est toujours <HTML> et la dernière </HTML>, il s'agit donc bien d'une page HTML.

Une page HTML comprend 2 parties, l'en-tête (<HEAD> </HEAD> et le corps du document proprement dit (<BODY> </BODY>). L'en-tête comprend des informations à propos du document, comme le titre du document qui sera affiché dans la barre de titre du navigateur (balise <TITLE>), des indications comme les mots-clés principalement utilisées par les moteurs de recherche pour l'indexation des documents (balise <META>, ... alors que le corps du document contient le document qui sera visible à travers le navigateur.

Exemple de page simple

Dans le cas de cet exemple, j'ai utilisé les balises suivantes
  1. <H1> et <CENTER> pour obtenir un gros titre, centré sur la page
  2. La balise <P> désigne un paragraphe. On notera aussi le code pour désigner la lettre è, soit &egrave;
  3. On utilise aussi des balises pour mettre en gras du texte (<B>) ou modifier sa taille (<FONT SIZE="+2">). Remarquez que ces balises peuvent s'imbriquer
  4. La balise (<IMG SRC="nom"> permet d'insérer une image, d'indiquer où elle se trouve et éventuellement sa taille et son alignement

 

Il n'est pas question ici de faire un cours complet sur le langage HTML, mais même si les éditeurs HTML vous permettront le plus souvent de travailler en ignorant ce langage, ils ne sont pas tous parfaits et vous serez probablement appelés à visionner votre document en code source pour corriger d'éventuels problèmes ou rajouter certaines balises.

Il est important pour vos fichiers HTML qu'ils aient tous une extension .html ou .htm
N'utilisez pas en outre d'accents, d'espaces ou de majuscules dans les noms de fichiers (voir page suivante).

 

Les ressources du Web, les bonnes adresses, ont été centralisées sur la page des ressources.

Page précédente Page suivante