Le Minimum en HTML(*)

Exemple

Examinons un des fichiers les plus simples que l'on puisse fabriquer en HTML. Affiche-le pour lire les explications (i) sous la forme habituelle et (ii) sous la forme de son code(*). Il peut être utile de recadrer les deux nouvelles fenêtres pour continuer la lecture en les ayant sous les yeux.

La première fenêtre (celle que l'on voit normalement) est une fenêtre classique qui n'affiche que Une page html réduite à une phrase simple. La seconde fenêtre (celle qui montre le code entre deux tirets horizontaux, et qui est pleine de < et >) est aussi une fenêtre de notre navigateur(*), mais si on retrouve bien la même phrase en plein milieu, on peut remarquer trois différences :

  1. Il y a trois lignes avant, et presque les mêmes lignes après en ordre symétrique contenant des mots bizarres encadrés par "<" et ">". Ce sont les balises(*).
  2. La phrase est coupée en trois lignes.
  3. Le type de caractères n'est pas très beau, il ressemble à ceux d'une vieille machine à écrire. Ceci est dû au fait que toutes les lettres occupent la même largeur : si on regarde bien, les lettres d'une ligne à l'autre sont alignées verticalement, le "i" occupe le même espace que le "m" ou le "w".

Signification des balises de la page html01.

<html>...</html>
Ces deux balises indiquent le début et la fin de la page html.
<body>...</body>
Ces deux balises délimitent le corps de la page html. En effet en dehors du corps, on peut mettre des indications qui ne sont pas affichées mais qui sont cependant très utiles. Par exemple, le nom de l'auteur, le nom du programme qui a généré la page, des mots-clef pour favoriser les investigations des moteurs de recherche...
<p>...</p>
Ces deux balises délimitent le contenu d'un paragraphe. Par exemple, les coupures de lignes indiquées dans le fichier ne sont pas prises en compte, c'est le navigateur qui les crée en fonction de la taille de la fenêtre. On voir par exemple que dans le code, il y a trois lignes. Dans l'afficage, il n'y en a qu'une si la fenêtre est assez large, mais si on la retaille très étroite, on peut faire apparaître 4 lignes qui n'ont rien à voir avec celles du texte originel. Essaie pour en être sure.

Retour à la page d'accueil