Maîtriser le web


0.4 Le code HTML

HTML est l’abréviation de Hypertext Markup Language. C’est un langage qui a été mis au point (dans sa première version) par Tim Berners-Lee en 1991. Il s’agit d’un format libre et ouvert, ce qui fait qu’il peut être (et est) employé par quiconque en a besoin. Aujourd’hui, l’évolution de ce standard est sous la gouverne du World Wide Web Consortium.

La majorité des pages sur le web sont écrites en code HTML. Le travail principal d’un fureteur est de traiter ce code et de produire (la plupart du temps !) une page à l’aspect visuel agréable, avec tous les tableaux, les images, les liens, etc. qu’elle peut contenir. Puisqu’il s’agit de documents électroniques, il n’y a pas de limite formelle à la longueur d’une page, mais la durée de son téléchargement et de son traitement par le fureteur augmente avec sa taille ; c’est pourquoi on trouve rarement en pratique des pages de très grande taille.

Avec Firefox, on peut visionner le code source de la page que l’on visite de plusieurs manières. En voici deux, que nous vous recommandons d’essayer derechef.

  1. Menu Afficher > Code source de la page
  2. Combinaison Ctrl-U sur le clavier

Il peut arriver que l’on veuille obtenir le code source d’une portion particulière d’une page. Avec Firefox, il suffit de sélectionner la portion voulue, puis de cliquer avec le bouton droit et enfin de choisir « Code source de la sélection ».

Si vous ne vous êtes jamais familiarisé avec le langage HTML, il est temps de le faire pour au moins en maîtriser la base. Le parcours offert sur le site W3Schools (sous HTML Basic) est un bon point de départ. Portez une attention particulière aux balises <a>, <em>, <strong>, <ol>, <ul>, <p>, <br>, <hr> et <img>.

Exercice 0C.




  1. Complétez le quiz HTML de W3Schools.
  2. Expérimentez avec le code HTML dans cette page de W3Schools. Le côté gauche vous permet d’entrer le code (faites-le à l’intérieur du segment balisé par <body>). Cliquez sur le bouton au-dessus du code pour voir comment ce code se traduit visuellement.
  3. (Plus difficile) Comme vous l’avez vu au numéro 3, la balise <img> permet d’inclure dans une page une image située à n’importe quelle URL. Pourquoi certains webmestres voient-ils d’un mauvais oeil l’utilisation dans d’autres sites des images situées sur leur serveur web ?
  4. Écrivez un segment de code HTML qui reproduit le passage suivant : (notez que la photo est liée vers une page externe)





Vue de l’intérieur de la basilique Notre-Dame de Montréal. Photo HDR par René Ehrhardt.

  1. Comparez votre réponse à la question précédente avec le code source du passage que vous avez reproduit.