Guide pratique et progressif du langage HTML pour la construction de pages web

A propos du guide

Lisez tout !
Vous me remercierez plus tard, et
paradoxalement vous gagnerez du temps.
Orientation sur le guide HTML


Avertissement no 1 (ce que l'on apprend et n'apprend pas ici)
  • Ce guide ne se veut pas un guide de fabrication de la plus belle page web du monde, mais simplement un guide de création de pages (simples ou complexes) au moyen d'un vulgaire éditeur (ou traitement) de texte, par une approche facile, rapide et progressive des marqueurs du langage HTML, et des techniques pour utiliser ces marqueurs au mieux de leurs possibilités.
  • Les pages de ce guide sont ordonnées de manière à apprendre le langage HTML, du plus simple et du plus utile, au plus compliqué, il n'y a pas de définitions superflues (html, sgml, etc...), juste l'essentiel pour commencer rapidement à travailler, ainsi vous écrirez déjà votre première page web dès la deuxième leçon (mais ne rêvez quand même pas trop).
  • Ce guide se limite au langage HTML strict et ne parle pas des extensions spéciales d'un navigateur ou d'un autre (qui sont maintenant légion), n'y cherchez pas non plus un mode d'emploi pour l'installation d'un compteur (qui dépend d'un serveur ou du serveur qui vous héberge), ni celui de la création de scripts cgi-bin, de cookies, et encore moins le mode d'emploi de Java ou de Javascript.
  • Par contre, vous apprendrez ici comment construire une bonne page, un formulaire, gérer des frames (appelées aussi cadres en français), et même créer un forum (grâce à un site spécialisé et gratuit), mais ni à utiliser des feuilles de styles, ni les menus dynamiques, ni les bientôt innombrables ajouts propriétaires au langage HTML (DHTML, VRML, XML, YYY, ZZZ...), mais vous pourrez toujours apprendre tout cela ailleurs, une fois les bases du HTML solidement acquises.
  • Pour des questions concernant une astuce spéciale de netscape 4.75bis ou msie5.0973 (dont je ne connait sûrement pas la réponse), utilisez éventuellement le Forum, ou prenez votre courrage à deux mains et allez consulter la doc du coupable.
  • NB: L'absence de table des matières, de navigateur ou d'index, à ce stade, est absolument volontaire, dans votre propre intérêt, ne trichez pas, vous pourriez sauter sans le savoir quelque chose de très important, soit un ou plusieurs marqueurs, soit une technique d'utilisation particulière qui vous ferait défaut par la suite, si vous recherchez uniquement un renseignement précis, consultez de préférence une référence HTML.
  • Il existe bien une archive complète à télécharger, mais ne vous jetez pas dessus, car ce guide évolue encore, et cette archive devient vite obsolète et conserve des erreurs, si vous en doutez, consultez l'historique.

Avertissement no 2 (versions du langage)
  • Le langage HTML a évolué énormément, rapidement et d'une manière un peu anarchique, ce guide (écrit en 1997) parle entre autres de la version 4.0 (dont la version finale date aussi et déjà de décembre 1997) et dont toutes les possibilités ne sont malgré cela pas encore implémentées dans tous les navigateurs (ou explorateurs, baladeurs, butineurs et autres noms français pour désigner un logiciel de lecture des pages web).
  • Ce guide est également basé sur les versions antérieures des spécifications pour une compatibilité la plus totale possible avec un maximum de navigateurs et un maximum de versions de chaque navigateur.

Avertissement no 3 (différences entre supports)
  • Une page web peut être regardée sur toutes sortes de machines avec toutes sortes de programmes, lue sur un terminal non graphique, voire même, pas regardée du tout (mais oui, quand les informations contenues dans cette page sont extraites automatiquement, ou annonées par un terminal vocal, ou encore, présentées en braille).
  • Il ne sert donc strictement à RIEN de vouloir à tout prix placer des images au pixel près sur un écran de 1024x768, alors que quelqu'un va aussi venir voir cette page avec un écran de 640x480, ou inversement, de s'obstiner à encolonner du texte sur 640 pixels, ce qui laissera une grande surface vide et moche sur un écran d'une plus grande résolution.
  • De même, essayer d'aligner exactement du texte (dont la fonte et la taille dépend des préférences de chacun), avec une image dont la taille est fixe, s'avère être une lutte perdue d'avance.
  • Il est malgré tout possible de composer de très jolies pages (rien à voir avec celle-ci) avec de beaux graphismes et des textes placés judicieusement par des tables mais ceci ne sera abordé qu'en temps utile.
  • Si ce n'est pas ce que vous auriez aimé lire, et que vous ne me croyez pas, n'hésitez pas à changer de site ! Quelqu'un d'autre fait peut-être des miracles, moi pas (et surtout envoyez-moi l'adresse du miracle).

Diversité des médias
Ces avertissements pourront peut-être vous paraître fastidieux ou même carrément superflus, mais ils sont en fait vitaux pour une bonne perception des problèmes de mise en page causés par une grande variété de plateformes, de médias et de résolutions (écrans, papier, boîte vocale, terminal, palmtop ou autres).

Couleurs
Les couleurs du guide sont des points de repères pour la relecture rapide, le changement de sujet est indiqué par deux nuances de bleu, les choses importantes sont en rouge, les trucs et astuces en vert et les exemples en jaune clair, la conclusion de la page en lila.
Pour les non voyants, l'option summary des tables annoncera: important, astuce ou exemple selon le cas.

Économies d'argent et décharge
L'archive permet la lecture ou l'impression en mode offline, mais ne vous jetez pas dessus, voici une petite astuce pour réduire la note de téléphone: parcourez les 10 ou 20 premières pages rapidement, coupez la liaison et relisez-les tranquillement en revenant au début, ou en les obtenant dans le cache de votre navigateur en mode non connecté (quand celui-ci n'est pas trop bête ou trop cupide et accepte de les afficher).

Je décline toute responsabilité quant à l'utilisation des connaissances acquises grâce à ce guide et notamment: Les pages ratées, les frames perdues, le sujet abordé, les questionnaires pièges, les images cochonnes, les plantages, la destruction du matériel, etc... etc... etc...

Si vous êtes encore là après cette intro du genre "fleuve intarissable", c'est que vous savez ce que vous voulez, et dans ce cas, vous avez fait le bon choix.


Toute utilisation commerciale de ce guide et ses dérivés, même partielle est interdite sans autorisation de l'auteur. © 1998-2001 RRB.
Toute autre utilisation du matériel de ce guide (éducative, scolaire, professionnelle, etc...), à but non lucratif est fortement encouragée et gratuite, mais soumise à une approbation préalable de l'auteur.

Internet vous donne la parole
Au commencement était le verbe. Puis arriva le traitement de texte, internet et le HTML, et leur foutu processeur de pensée. La mort de la littérature s'ensuivit. Ainsi va la vie.
Dan Simmons, Hypérion (modifié rrb).

InsultesInfo   Suite

Dernière mise à jour de cette page: 14/12/2001, visiteurs: depuis le 6 avril 2002