Comment voir le code source des pages HTML ?

Les pages telles que celle-ci sont écrites dans un langage appelé HTML (HyperText Markup Language). Il s'agit en fait d'un texte normal, dans lequel on insère des balises ("tags" en anglais), qui sont des mots spéciaux inclus entre < et > et qui délimitent le début et la fin d'un style particulier. Le programme que tu utilises pour voir ces pages se charge de lire les tags et de donner le résultat voulu à l'écran. Par exemple, pour mettre du texte en gras, il suffit d'insérer <B> au début de ce texte, et </B> à la fin.

Une bonne manière d'apprendre les codes HTML est d'aller voir dans le code source des pages faites par d'autres et de repérer quels sont les tags qu'ils ont utilisé pour obtenir tel ou tel effet. Une fois que tu connais un peu HTML, ce n'est pas difficile de lire le code et de comprendre comment faire la même chose sur tes propres pages.

La manière de lire le code source d'une page trouvée sur l'Internet dépend du programme que tu utilises :

N'hésite pas à regarder le code source de cette page-ci. J'ai ajouté quelques commentaires amusants dans le code source...

Remarque : certaines pages contiennent du code JavaScript qui génère du texte HTML dynamiquement en fonction du programme utilisé pour lire la page. C'est le cas par exemple de toutes les pages de ma collection d'images, qui utilisent du code JavaScript pour ajouter les boutons qui permettent de changer la couleur du fond de la page. Pour Netscape 3.x et versions suivantes, le code source affiché sera le code généré, et pas le code d'origine. Cela se voit au fait que Netscape affiche "wysiwig:" dans le titre de la fenêtre de code source, juste avant l'adresse de la page. Dans ce cas, la manière la plus simple de voir le code source complet est de sauver la page sur ton disque ("File->Save As") et d'utiliser un programme tel que le bloc-notes ("notepad"), WordPad ou Emacs pour examiner le contenu du fichier. Il est aussi possible de voir le code source dans Netscape en insérant "view-source:" juste avant "http://" dans l'URL de la page.

Pour voir plus d'exemples de codes HTML et pour connaître la manière de les utiliser, tu peux aller voir ma page d'aide ou mes pages d'exemples.


URL : http://www.gamers.org/~quinet/chat/source.html
Dernière modification : 1998-04-23, Création : 1998-04-18.
Auteur : Raphaël Quinet (quinet@gamers.org).