Ce fichier est maintenant disponible en version cadres ("frames"). Vous pouvez également utiliser la table des matières et le glossaire.

Bienvenue, vous êtes le e à accéder à l'HTML en une page.

Introduction

J'ai appris tout mon HTML en me promenant de site en site. Malheureusement, plus le temps passait et plus ma liste de référence s'allongeait; il me fallait un temps fou pour trouver dans quelle page j'avais vu une information, d'où m'est venu l'idée d'écrire ce guide. Je vise à être le plus complet possible. Si vous trouvez des éléments qui brillent par leur absence, je vous serais reconnaissant de me les signaler.

L'un des meilleurs moyens pour apprendre l'HTML est de comparer le fichier source avec le résultat à l'écran. Il est même parfois préférable de consulter le code source plutôt que les explications d'un tutorial. J'ai donc choisi de surcharger d'exemples ce document. Dans ce document, nous présentons les exemples de deux façons. Lorsque c'est possible, nous présenterons le résultat suivi du code que nous avons utilisé pour l'obtenir. Lorsque nous présentons des exemples sous cette forme, nous utilisons des lignes noires pour les mettre en évidence (voir l'exemple d'exemple). Dans de rare cas, ce ne sera pas possible, nous donnerons donc seulement le code lui-même, sans artifice de présentation.



Ceci est un exemple d'exemple : un lien à Yahoo Ceci est un exemple d'exemple : un lien à <A HREF="http://www.yahoo.com">Yahoo</A>

Terminologie

Voici quelques expressions que je vais utiliser. Il serait important que vous les compreniez bien, car je vais m'en servir tout au long du document.

Expression Signification Exemple
Code source HTML Il s'agit du texte qui est interprété par le fureteur. Le contenu de n'importe quel fichier ayant l'extension .html.
Fureteur Il s'agit d'un logiciel qui permet de naviguer sur l'internet. Internet Explorer, Lynx, Mosaic, Netscape...
Codet Il s'agit de la chaîne de caractères reconnue par les fureteurs html. On la retrouve entre un chevron ouvrant ("<") et un chevron fermant (">"). <P> : un codet de paragraphe
Nom d'un codet Il s'agit de la chaîne de caractères qui se retrouve entre le chevron ouvrant (<) et le chevron fermant (>) ou un espace (" ") (le premier des deux). <P> : le nom du codet de paragraphe est P
Codet composé Il s'agit d'un codet qui se présente comme deux chaînes : l'ouverture et la fermeture du codet. <H1>ttt</H1> : La chaîne ttt est à l'intérieur du codet composé d'en-tête de niveau 1.
Ouverture du codet Il s'agit d'une chaînes de caractères de la même forme qu'un codet ordinaire.
Fermeture du codet Il s'agit d'une chaînes de caractères de la même forme qu'un codet ordinaire, sauf qu'il y a une barre oblique ("/") entre le chevron ouvrant ("<") et le nom du codet.
Intérieur d'un codet Il s'agit de ce qui se situe entre l'ouverture du codet et sa fermeture.
Paramètres d'un codet Il s'agit des caractères insérés entre le nom du codet et le chevron fermant (">"). Pour les codets composés, on retrouvent des paramètres seulement à l'ouverture du codet. <IMG SRC="fichier.gif"> : Le paramètre source du codet image a pour valeur "fichier.gif".
Valeur d'un paramètre Il s'agit de ce qu'il y a entre le caractère égal ("=") situé après le paramètre et le paramètre suivant ou le chevron fermant (">").

Nota Bene : J'utilisais anciennement le terme code pour codet. Le code HTML est une expression tout-à-fait acceptable en français, mais il désigne l'ensemble des règles qui constituent l'HTML ou du texte qui s'y conforme. On ne peut l'utiliser pour parler d'un mot-clé en particulier.

Index par codets

Les codets sont les mots clés reconnus par les fureteurs. Sur chaque ligne de l'index, on retrouve soit un codet, soit un paramètre, soit une valeur. Les codets sont seuls sur leurs lignes. Les paramètres sont suivis du codet correspondant entre parenthèses. Si le paramètre s'applique à plusieurs codets, il est répété plusieurs fois. Le paramètre contient un lien seulement s'il existe une entrée dans la table des matières spécifique au pamamètre. Finalement, les valeurs de type énumérées sont suivies du mot «voir» et de la liste des paramètres auxquels elles se rapportent. Chaque paramètre est également suivi de la liste des codets auxquels le paramètre et la valeur s'appliquent.

Certains codets ne sont pas encore documentés. Nous avons choisi de les incorporer quand même dans la liste, ils sont suivis d'un astérix. De même, les codets qui ne sont pas supportés par Netscape sont suivis de deux astérix. (Cette information n'est peut-être pas à jour pour Netscape 3.0)

Si vous n'utilisez pas la version avec cadres ("frames"), il est possible que la table des matières et l'index par codets apparaissent dans leur propre fenêtre. C'est dû au fait que les mêmes fichiers sont utilisés par les versions avec et sans cadre. Je n'ai pas fait et je n'ai pas l'intention de faire des fichiers différents pour la version sans cadre. Si vous trouvez que vous avez trop de fenêtres, je vous conseille de fermer les premières. Vous pouvez ensuite travailler normalement avec la fonction "back".

Votre première page HTML

Si vous n'avez jamais fait d'HTML et que vous voulez commencer une page, voici ce qu'il vous faut pour débuter. Sortez votre éditeur de texte préféré et tapez ces quelques lignes ou ouvrez ce fichier et sauvegardez le tout sur votre disque local. (Si vous utilisez Netscape comme fureteur, enfoncez la touche <Shift> en cliquant sur le lien.) <HEAD> <TITLE>Home page de (votre nom)</TITLE> </HEAD> <BODY> Je m'appelle (votre nom). </BODY> Maintenant, vous pouvez regarder votre future page d'accueil en utilisant l'option «Open File...» du menu «File» de Netscape, ou une option semblable de votre fureteur. Bien sûr que c'est «téteux», le but de ce guide est que vous vous développez une page, non pas que vous vous en copiez une parfaite. Ne vous en faites pas, avec un peu d'huile de coude, elle sera rapidement dans la bonne moyenne. Commencez par ajouter quelques lignes de texte, question de la personnaliser un peu. Ensuite, vous pouvez aller voir d'autres sections pour ajouter des codets intéressants. Je vous recommande de commencer par des choses simples, par exemple des références, des images et des polices.


Sections suivantes

Les composantes standards
La tête
Le corps
Le pied
Les cadres
Les références
Liens absolus vs les relatifs
Les ancres
À des fichiers exécutables
La destination
La présentation du texte
Son positionnement
Les séparateurs
Les en-têtes
Les polices
Les styles logiques
Les styles physiques
L'interprétation
Les couleurs
Les listes
Les définitions
Les images
L'alignement
La grandeur
Les bordures
Les tableaux
Les bordures
La largeur des éléments
L'alignement des éléments
La grandeur des cellules
Empêcher les césures
Les caractères spéciaux
La table des matières
La liste par codets
Retour à ma page principale