Atelier EO

Le langage html

Pour la suite de votre travail dans l'EO, il n'est pas nécessaire de connaître le langage html : un éditeur (HomePage) vous permettra de réaliser des pages un peu comme dans un traitement de texte.
Cependant, il est important que vous ayez une petite idée d'à quoi ressemble le langage html et que vous connaissiez certaines de ses caractéristiques.
Nous avons donc pris une partie du code de la page que vous êtes en train de lire et ça donne :





Tentons d'y voir un peu plus clair... Vous voyez que le document en composé de "balises", codes entourés de < >. Certaines de ces balises sont "en couple" : elles entourent une partie du document pour le caractériser, d'autres sont simples :
  1. Pour spécifier qu'il s'agit d'une page en html, le document doit être entouré du couple de balises "html" ;
  2. Le couple de balises "head" caractérise l'en-tête du document : il est utilisé pour stocker de l'information à propos du document, notamment le titre.
  3. Le titre ("title") du document est utilisé à deux fins:
  4. Tout le contenu visible du document (ce qui est visible dans le navigateur) est inclus dans le corps ("body").
  5. Entre les balises "body", vous pouvez voir d'autres types de balises comme par exemple :
  6. Regardez maintenant plus particulièrement la balise <img src="adresse de l'image">: il s'agit de la balise qui spécifie l'insertion de l'image que vous pouvez voir juste au-dessus du titre. Il s'agit d'un code qui dit quelque chose comme "afficher ici l'image qui se trouve à l'adresse suivante...". L'image n'est donc pas intégrée dans le document, c'est seulement le lien vers cette image qu'on y trouve. Donc, si vous avez suivi, la page qui s'affiche sur votre navigateur est composée de deux fichiers :

    Ce dernier point est très important : quand vous insèrerez des images dans vos documents html, il s'agira de les traiter comme des fichiers à part entière comme vos documents html.

Si vous voulez voir l'ensemble du code de cette page, cliquez sur Voir/Source de la page.

Edi / LG/NDRetour à la page d'accueil de l'EO771L apprend