Lire et écrire une page html

Pour lire un document html

Le navigateur

La lecture d'un fichier html se fait à l'aide d'un navigateur (appelé aussi explorateur, butineur...).

La nécessité de standard

Un même code html ou css n'est pas toujours interprété de la même façon par des navigateurs différents : un navigateur est un logiciel qui interprète les codes html, css. Les programmes d'interprétation qui fonctionnent sur les différents navigateurs sont différents, ils sont écrits par des personnes distinctes. Ceci explique les différences d'interprétation.

Pourtant, si les navigateurs interprétaient de façon radicalement différentes les codes html, css, on se retrouverait souvent avec des pages peu harmonieuses et en tout cas bien loin de ce qu'a voulu obtenir l'auteur de la page.

Il est donc nécessaire que la façon dont doit être interprétée telle ou telle balise html doit être définie clairement et connue de tous ceux qui veulent développer un navigateur.

Qui écrit ces définitions ?

Le W3C est l'organisme qui donne ces définitions.

Le processus de définition peut être assez long et complexe.

Le W3C regroupe plusieurs grands acteurs de la toile.

Pourquoi des divergences avec les standards ?

Internet Explorer notamment, produit de l'entreprise Microsoft, a très longtemps mal interprété les standards définis par le w3c, ou avec beaucoup de retard. Cela est dû au fait que l'entreprise Microsoft a tenté pendant longtemps de profiter de sa position dominante sur le marché pour imposer ses propres normes et ainsi conserver cette position dominante.

Le recul d' Internet Explorer, depuis plusieurs années, dans la part des utilisateurs de navigateur a eu pour conséquence que les dernières versions d'Internet Explorer respectent mieux les standards.

Chaque groupe de développeurs cherche également à innover pour rendre leur navigateur encore plus pratique et complet pour l'utilisateur. Cela amène à la création de nouveaux codes, qui parfois sont validés par le W3C lorsque le succès est au rendez-vous.

Lire le code

Comment lire le code d'une page sur le web ?

Lorsque vous ouvrez une page html avec un navigateur, il est toujours possible de lire le code html de cette page.

Avec firefox, il suffit de sélectionner le menu outils/développements web/code source de la page. Ou plus simplement encore, faîtes un clic droit dans la page et sélectionnez "code source de la page".

Faites un essai avec cette page puis d'autres pages du web.

Pourquoi lire le code d'une page sur le web ?

La motivation pour lire le code d'une page web peut être d'essayer de comprendre comment est constituée cette page.

Toutefois attention, le code css et le code javascript qui sont responsables en grande partie des affichages et des effets sont très souvent séparés et se trouvent dans une autre page que la page html. La lecture directe du code d'une page html n'apporte donc, de ce fait, bien souvent que peu d'informations sur sa construction tant que l'on ne possède pas déjà des bases suffisantes en html et css. C'est un peu comme tenter d'ouvrir un beau gâteau en espérant ainsi comprendre comment le cuisinier a procédé : avec de bonnes bases en cuisine, vous arriverez à deviner un certain nombre de choses, mais sans les bases...

Pour écrire un document html

Pour écrire un document html, on utilisera un éditeur de texte (à ne pas confondre avec un logiciel de traitement de texte).

Il existe, notamment sous Linux, une foultitude d'éditeurs de texte. Il est préférable d'en choisir un qui puisse faciliter la frappe de textes html, css, notamment en proposant une coloration syntaxique.

Sous ubuntu, on pourra par exemple utiliser gedit ou geany. Il en existe de plus complets, mais ils sont aussi plus complexes, il est préférable de commencer par un éditeur simple qui ne soit pas une "usine à gaz" afin que la difficulté d'apprentissage du logiciel ne s'ajoute pas à la difficulté d'apprentissage des langages html, css.

Sous windows, on pourra utiliser notepad++ (logiciel gratuit téléchargeable sur la toile).

Écrire un fichier html : étape 2

  • Créer un fichier et le nommer avec l'extension .html. Par exemple essai1.html.
  • Ouvrir ce fichier avec un éditeur de texte. Par exemple geany ou notepad++.
  • Écrire dans ce fichier le texte suivant :
  • Sauvegarder et ouvrir avec le navigateur de votre choix.