Langage HTML Guide [PDF]

Zitiervorschau

---

Petit guide du langage HTML 4 et XHTML 1 Dans ce polycopié, les attributs sont placés de manière décalée par rapport à la balise de l'élément. Les variantes de valeurs sont indiquées sous la forme : variante1|variante2|variante3. Légende de ce document : 4 élément ou attribut officiel de la version 4 (donc du HTML 4.01 et du XHTML 1) D élément ou attribut déprécié ("deprecated") en HTML 4 (en général remplacé par un style CSS). P élément ou attribut propriétaire, reconnu par un des navigateurs courants : IE (Internet Explorer) ou NN (Netscape Navigator). X élément ou attribut apparu en XHTML PROLOGUE : XML et DTD (Tout document XML bien formé devrait contenir ces balises) 4 Déclaration XML

4 DTD et version

4 Version de langage HTML 4.0 | HTML 4.01 | XHTML 1.0 | XHTML 1.1 4 Type de DTD de XHTML 1.0 Strict | Transitional | Frameset selon les balises utilisées 4 Emplacement (dans …TR/…/DTD/…) html | html4 | html401 | xhtml1 | xhtml11 4 nom du fichier html4/DTD/… strict.dtd | loose.dtd | frameset.dtd 4 nom du fichier xhtml1 xhtml1-strict.dtd | xhtml1-transitional.dtd | xhtml1-frameset.dtd GÉNÉRAL 4 Type de document 4 Espace de nom 4 En-tête 4 Titre 4 Corps D Image d'arrière-plan D Couleur d'arrière-plan D Couleur de texte par défaut D Couleur de lien par défaut D Couleur de lien visité par défaut D Couleur de lien actif par défaut P Largeur et Hauteur de la marge P Largeur et Hauteur de la marge 4 Commentaires

début et fin du document xmlns="http://www.w3.org/1999/xhtml" lang="fr" xml:lang="fr" entoure l'en-tête du document titre de la fenêtre, à placer dans l'en-tête entoure le corps du document background="url" remplacé par style CSS bgcolor="couleur" remplacé par style CSS text="couleur" remplacé par style CSS link="couleur" remplacé par style CSS vlink="couleur" remplacé par style CSS alink="couleur" remplacé par style CSS marginwidth="n" marginheight="n" NN leftmargin="n" topmargin="n" IE

META-INFORMATION sur le DOCUMENT (au début de la section HEAD) 4 Information META

4 Jeu de caractères utilisé http-equiv="content-type" content="text/HTML; charset=utf-8" 4 Requête de rafraichissement de document http-equiv="refresh" content="n;URL=url" n secondes 4 Expiration du document dans le cache http-equiv="expires" content="Tue, 20 Jul 2003 01:00:00 GMT" 4 Description du site name ="description" lang="fr" content="résumé décrivant le site" 4 Mots clés du document name="keywords" lang="fr" content="exp1, exp2, exp3" xml:lang en xhtml1.1 4 Logiciel de création utilisé name ="generator" content="Nvu" 4 Indexation de document par un moteur name="robots" content="noindex|all|nofollow" 4 Auteur name="author" content="PETIT Florence, DUPONT Jean" nom des auteurs Date de création name="DC.Date.created" content="2001-12-31"> cf. Dublin Core Copyright name="copyright " content="année détenteur_droit" FONTE, POLICE DE CARACTERES (dans la section BODY) D Fonte D Sélection de fonte face="nom_police1, nom_police2,…" D Couleur de fonte color="couleur" D Taille de fonte absolue size="n" D Taille de fonte relative size="+n|-n" D Fonte de base du document

remplacé par style CSS remplacé par style CSS remplacé par style CSS remplacé par style CSS remplacé par style CSS remplacé par style CSS

BALISE PHYSIQUE de TEXTE EN LIGNE : l'auteur spécifie l'apparence du texte 4 Gras (Bold) 4 Italique D Souligné 4 Indice 4 Exposant 4 Texte télétype D Rayé D Rayé (version abrégée) P Clignotant P Texte défilant texte

police à chasse fixe remplacé par style CSS remplacé par style CSS NN IE

Université de Marne-la-Vallée Informatique / web

24 février 2006

à éviter car le souligné indique l'hypertexte

G. Molinengault & F. Petit / langage_HTML_guide.doc 1/1

BALISE LOGIQUE de TEXTE EN LIGNE : l'apparence par défaut dépend du navigateur 4 Bloc de texte pas de changement de ligne, ni de paragraphe 4 Texte supprimé en général texte barré 4 Texte inséré en général soulignement 4 Abréviation de terme contenu du post-it au survol 4 Acronyme de terme contenu du post-it au survol 4 Désactivation Unicode Sens de lecture : right to left, left to right 4 Source d'une citation en général italique 4 Citation courte guillemets ajoutés (type selon la langue) 4 Code informatique police à chasse fixe 4 Définition de terme en général italique 4 Emphase en général italique 4 Emphase forte en général gras 4 Texte saisi au clavier police à chasse fixe 4 Séquence de caractères littéraux police à chasse fixe 4 Variable en général italique 4 Fonte plus grosse 4 Fonte plus petite TRAIT HORIZONTAL 4 Trait horizontal D Alignement D Épaisseur D Largeur en pixel D Largeur en pourcentage D Ligne sans ombre

align="left|right|center" size="n" width="n" width="n%" noshade="noshade"

remplacé par style CSS remplacé par style CSS remplacé par style CSS remplacé par style CSS remplacé par style CSS

SAUT DE LIGNE 4 Saut de ligne (sans espacement) D Alignement forcé P Pas de coupure de ligne P Coupure éventuelle de mot

clear="left|right|all"

ESPACEMENT, RETRAIT, MARGE P Espaceur P Type d'espaceur P Grandeur P Dimensions P Alignement P Multi-Colonnes P Longueur de colonnes P Largeur de colonne

type="horizontal|vertical|block" size="n" width="n" height="n" align="left|right|center" gutter="n" width="n"

BLOCS 4 Paragraphe 4 En-tête ou titre hiérarchisé 4 Division (bloc neutre) D Alignement du texte (p, hn; div) D Centré 4 Adresse électronique 4 Citation longue 4 Pré-formaté P Calque

align="left|center|right|justify" et


habillage du texte par rapport à un élément IE NN IE et NN (à l'intérieur d'une balise NOBR)

reconnu par NN NN avec type="horizontal|vertical" avec type="block" avec type="block" NN NN NN

en général espacement entre paragraphes n="1" (important) à "6" (moins important) peut encadrer n blocs remplacé par style CSS remplacé par style CSS souvent en italique retrait à partir des 2 marges, doit contenir autre bloc formatage de caractères sans modification NN

LISTES (Différentes listes peuvent être imbriquées) 4 Liste à puces (non-ordonnée)

Les listes peuvent s'imbriquer 4 Liste numérotée (ordonnée) Les listes peuvent s'imbriquer D Type de puce (ul,li) type="disc|circle|square" remplacé par style CSS D Type de numérotation (ol,li) type="A|a|I|i|1" remplacé par style CSS D Valeur de départ de la liste (ol) start="n" en chiffre arabe (sans tenir compte de TYPE) 4 Elément de liste (ul, ol)

A placer dans un

ou D Valeur à partir d'un élément value="n" en chiffre arabe (sans tenir compte de TYPE) 4 Liste de définition contient les DT et DD 4 Eléments de liste de définition terme 1 à définir