+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ LE GUIDE DE L'ESSENTIEL DU HTML par Kevin Werbach Version 4.0 -- Janvier 1999 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ Ce document est disponible sur le site , où vous trouverez aussi une version au format HTML, des traductions, et d'autres éléments de base pour la formation. Le guide de l'essentiel du langage HTML liste de toutes les balises que les versions courantes des navigateurs sont normalement capable reconnaître. J'y ai inclus toutes les balises données par la spécification officielle du langage HTML 4.0 avec leurs attributs communs, ainsi que les extensions de Netscape et de Microsoft. Ce document ne se veut qu'une référence rapide et non pas une spécification complète ; pour les informations officielles à propos du HTML et de ses développements, voyez le site du consortium du World Wide Web . Ce guide a été conçu pour être le plus concis possible, et de ce fait ne rentre pas dans les détails de l'utilisation des différentes balises. Pour une liste de liens sur quelques bons guides pas-à-pas du HTML reportez vous à . FORMAT DE CE DOCUMENT --------------------------------------------------------------------------- Ce document est formaté pour être affiché avec une fonte à espacement fixe. Par souci de lisibilité, j'ai séparé en plusieurs lignes les différents attributs des balises. Généralement, plusieurs options peuvent être combinées dans une même balise. Pour faciliter la lecture, les balises sont listées en majuscule bien que la plupart d'entre elles soient insensibles de la casse. SYMBOLES UTILISÉES --------------------------------------------------------------------------- URL URL d'un fichier externe (ou simplement le nom du fichier s'il est dans le même répertoire) ? Nombre arbitraire (ex: signifie

,

,

, etc.) % Pourcentage arbitraire (ex:
, signifie
, etc.) *** Texte arbitraire (ex: ALT="***" signifie qu'il y a du texte entre les guillemets) $$$$$$ Hexadécimal arbitraire (ex: BGCOLOR="#$$$$$$" signifie BGCOLOR="#00FF1C", etc.) ::: Date arbitraire (ex: DATETIME=":::" signifie "1994-11-05T08:15:30", etc.) @ Adresse mél (ex: "mailto:@" signifie "mailto:kevin@werbach.com", etc.) ,,, Délimitation par virgules (ex: COORDS=",,," signifie COORDS="0,0,50,50", etc.) | Alternatives possibles (ex : ALIGN=LEFT|RIGHT|CENTER signifie qu'il est possible de choisir l'une des trois options) COMPATIBILITÉ (Le HTML évolue et ses implémentations varient avec les navigateurs) --------------------------------------------------------------------------- (sans note) Dans les spécifications de HTML 3.2; devrait fonctionner avec tous les navigateurs 4.0 Introduit dans les spécifications de HTML 4.0 N1 Extension introduite avec la version 1.0 ou 1.1 du navigateur Netscape N2 Extension introduite avec la version 2.0 du navigateur Netscape N3 Extension introduite avec la version 3.0 du navigateur Netscape N4 Extension introduite avec la version 4.0 du navigateur Netscape MS Extension introduite avec le navigateur Microsoft Internet Explorer * Extension introduite avec le navigateur Netscape et maintenant incluse dans les spécifications 4.0 du HTML =========================================================================== =========================================================================== GÉNÉRAL (Tous les documents HTML devraient contenir ces balises) --------------------------------------------------------------------------- Type de document (au début et à la fin du document) Titre (doit être dans l'en-tête) En-tête (informations descriptives comme le titre) Corps (corps du document) DÉFINITION STRUCTURALE (L'apparence dépend des préférences choisies dans le navigateur) --------------------------------------------------------------------------- En-tête (la spécification définit 6 niveaux) Alignement Division
Alignement
4.0 Contenu défini Bloc en retrait
(habituellement indenté) 4.0 Citation (pour une citation rapide) 4.0 Citation Emphase (habituellement en italique) Emphase forte (habituellement en gras) Citation (habituellement en italique) Code (pour les listing de code source) Echantillon sortie Entrée au clavier Variable Définition (n'est pas largement implémenté) Adresse de l'auteur
Fonte taille large Fonte petite taille 4.0 Insertion (dénote une insertion dans une nouvelle version) 4.0 Datation 4.0 Commentaires 4.0 Suppression (dénote une suppression dans une nouvelle version) 4.0 Datation 4.0 Commentaires 4.0 Acronyme 4.0 Abréviation FORMAT DE PRÉSENTATION (L'auteur(e) spécifie l'apparence du texte) --------------------------------------------------------------------------- Gras Italique 4.0* Souligné (n'est pas largement implémenté) Rayé (n'est pas largement implémenté) 4.0* Rayé (n'est pas largement implémenté) Indice Exposant Imprimé (affiche le texte en espacement fixe) Pré-formaté
              (affiche le texte tel quel)
     Largeur           
                  (en caractères)
     Centré            
(pour le texte et les images) N1 Clignotant (balise tournée en dérision) Taille de fonte (entre 1 et 7) Ajustement Couleur 4.0* Police N4 Taille en points N4 Poids 4.0* Taille de base (entre 1-7; défaut est 3) MS Appartenance POSITIONNEMENT ---------------------------------------------------------------------------- N3 Multi-Colonnes N3 Longueur colonnes N3 Largeur colonnes N3 Espaceur N3 Type N3 Taille N3 Dimensions N3 Alignement N4 Couche N4 Nom N4 Position N4 Position relative N4 Fichier source N4 Empilement N4 Position dans la pile N4 Dimensions N4 Chemin de découpe N4 Visible? N4 Arrière-plan N4 Couleur N4 Couche incrustée (mêmes attributs que LAYER) N4 Contenu alternatif LIENS, GRAPHIQUES ET SONS ---------------------------------------------------------------------------- Lier quelque chose Lien vers une cible (Dans un autre document) (Dans le même document) 4.0* Fenêtre cible 4.0* En cas de click (Javascript) 4.0* Si souris au-dessus (Javascript) 4.0* Si souris partie (Javascript) Lien sur un Email Sujet (utiliser le vrai caractère '?') Créer une cible Afficher une image Alignement N1 Alignement Alternative *** (si l'image n'est pas affichée) Dimensions (en pixels) (en pourcentage) Bordure (en pixels) Marge autour (en pixels) N1 Basse résolution Carte-image (requiert un script) Carte-image MS Clip vidéo MS Son d'arrière plan Description carte (décrit une carte) Section carte N1 Appel client N2 Objet incrusté (insert un objet dans la page) N2 Taille objet 4.0 Objet 4.0 Paramètres SÉPARATEURS ---------------------------------------------------------------------------- Paragraphe

(balise de fermeture souvent optionnelle) Aligner le texte

N Justifier le texte

Saut fin de ligne
(simple retour chariot) Vers zone dégagée
Trait horizontal
Alignement
Epaisseur
(en pixels) Largeur
(en pixels)
(en pourcentage de la largeur de page) Ligne pleine
(sans l'effet 3D) N1 Sans saut (empêche les retours à la ligne) N1 Coupure de mot (où couper une ligne si nécessaire) LISTES (les listes sont des éléments gigognes) ---------------------------------------------------------------------------- Liste non ordonnée
(
  • devant chaque élément) Compacte
      Type de puces
        (pour la liste)
      • (pour cet élément et les suivants) Liste ordonnée
        (
      • devant chaque élément) Compacte
          Type numérotation
            (pour toute la liste)
          1. (pour cet élément et les suivants) Numéro de départ
              (pour toute la liste)
            1. (pour cet élément et les suivants) Liste de définitions
              (
              terme,
              définition) Compacte
              Liste de menus
            2. (
            3. devant chaque élément) Compacte Liste de répertoires
            4. (
            5. devant chaque élément) Compacte BACKGROUNDS AND COLORS ---------------------------------------------------------------------------- Image arrière-plan MS Filigrane Couleur arrière-plan (dans l'ordre rouge vert bleu ) Couleur texte Couleur lien Couleur lien visité Couleur lien actif (Pour plus d'informations voir ) CARACTERES SPÉCIAUX (toujours en minuscules) ---------------------------------------------------------------------------- Caractère spécial &#?; (où ? est le code ISO 8859-1) < < > > & & " " Registered TM ® Registered TM ® Copyright © Copyright © Espace   (Pour la liste complète voir ) FORMULAIRES (nécessite généralement un script sur votre serveur) ---------------------------------------------------------------------------- Définir formulaire
              4.0* Chargement fichier
              (contraire de décharger) Champ d'entrée Nom du champ Valeur du champ Coché (cases à cocher boutons radio) Taille du champ (en caractères) Taille maximum (en caractères) 4.0 Bouton 4.0 Nom du bouton 4.0 Type de bouton 4.0 Valeur par défaut 4.0 Label 4.0 Label élément Liste de sélection Nom de la liste Nombre d'options Choix multiples Nom de la zone N2 Agencement texte 4.0 Groupe d'éléments
              4.0 Légende (légende d'un groupe d'éléments) 4.0 Alignement TABLEAUX ---------------------------------------------------------------------------- Définir un tableau
              4.0* Alignement Bordure ?
              (avec un bord) Largeur bordure
              (donnez une valeur) Espacement cellules Rembourrage cellules
              Largeur tableau
              (en pixels) Largeur tableau
              (en pourcentage de la page) 4.0* Couleur du fond
              4.0 Couleur du cadre
              4.0 Règles
              MS Couleur bordure
              MS Bordure sombre
              MS Bordure claire
              Ligne tableau Alignement Cellule tableau (ne doit apparaître que dans une ligne) Alignement Pas saut de ligne Débordement en colonne Débordement en ligne 4.0* Largeur (en pixels) N3 Largeur (en pourcentage de la largeur du tableau) 4.0* Couleur fond En-tête de tableau (comme les données, mais centrée et en gras) Alignement Sans coupures Débordement en colonne Débordement en ligne 4.0* Largeur (en pixels) N3 Largeur (en pourcentage de la largeur du tableau) 4.0* Couleur fond 4.0 Corps tableau 4.0 Pied tableau (doit être donné avant THEAD) 4.0 En-tête tableau Légende Alignement 4.0 Colonne (groupe les attributs de colonne) 4.0 Débordement en colonne 4.0 Largeur 4.0 4.0 Groupe colonnes (structure de groupement de colonnes) 4.0 Débordement en colonne 4.0 Largeur 4.0 CADRES (définir et manipuler des régions spécifiques de l'écran) ---------------------------------------------------------------------------- 4.0* Document à cadre (au lieu de ) 4.0* Hauteur lignes (pixels ou %) 4.0* (* = taille relative) 4.0* Largeur colonnes (pixels ou %) 4.0* (* = taille relative) 4.0* Bordures? 4.0* Largeur bordure 4.0* Couleur bordure N3 Espacement 4.0* Définir un cadre (contenu d'un seul cadre) 4.0* Document affiché 4.0* Nom du cadre 4.0* Largeur marge (marge gauche et droite) 4.0* Hauteur de marge (marge haut et bas) 4.0* Barre défilement? 4.0* Taille fixe 4.0* Bordure ? 4.0* Couleur bordure 4.0* Alternative (navigateurs ne supportant pas les cadres) 4.0 Cadre incrusté (prend les mêmes attributs que FRAME) 4.0 Dimensions 4.0 Dimensions SCRIPTS ET JAVA ---------------------------------------------------------------------------- Script Emplacement Type Langage 4.0* Alternative (si les scripts ne sont pas supportés par le navigateur) Applet Nom fichier Paramètres Emplacement Nom identifiant (pour références) Alternative (pour les navigateurs ne supportant pas les applets) Alignement Taille (en pixels) Espacement (en pixels) N4 Serveur script DIVERS ---------------------------------------------------------------------------- Commentaires (pas affichés par le navigateur) Prologue Indexable (indique un index utilisable par les moteurs de recherche) Ligne de commande (texte pour indiquer l'entrée de donnée) Envoie d'une requête (utiliser un vrai point d'interrogation ) URL de ce fichier (doit être mis dans l'en-tête) 4.0* Nom fenêtre de base (doit être mis dans l'en-tête) Relation (doit être mis dans l'en-tête) N4 Fichier lié Méta-Informations (doit être mis dans l'en-tête) Feuilles de style (l'implémentation varie) 4.0 Sens écriture (pour certains type de caractères) ============================================================================ Copyright (c) 1995-1999 Kevin Werbach. La redistribution est permise tant qu'elle n'est pas payante, et que ce document est entièrement inclus et sans altération. Ce guide n'est pas un produit des logiciels Bare Bones. Pour plus d'informations voir < http://werbach.com/barebones >