Remerciez-le!

Remerciez @Admin pour avoir partagé cet document gratuitement, de la manière la plus simple, en partageant sur les réseaux sociaux.

Université de Marne-la-Vallée G. Molinengault & F. Petit / langage_HTML_guide.d

Université de Marne-la-Vallée G. Molinengault & F. Petit / langage_HTML_guide.doc Informatique / web 24 février 2006 1 / 1 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 <?xml version="1.0" encoding="iso-8859-1" ?> 4 DTD et version <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 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 <html> </html> début et fin du document 4 Espace de nom xmlns="http://www.w3.org/1999/xhtml" lang="fr" xml:lang="fr" 4 En-tête <head> </head> entoure l'en-tête du document 4 Titre <title> </title> titre de la fenêtre, à placer dans l'en-tête 4 Corps <body> </body> entoure le corps du document D Image d'arrière-plan background="url" remplacé par style CSS D Couleur d'arrière-plan bgcolor="couleur" remplacé par style CSS D Couleur de texte par défaut text="couleur" remplacé par style CSS D Couleur de lien par défaut link="couleur" remplacé par style CSS D Couleur de lien visité par défaut vlink="couleur" remplacé par style CSS D Couleur de lien actif par défaut alink="couleur" remplacé par style CSS P Largeur et Hauteur de la marge marginwidth="n" marginheight="n" NN P Largeur et Hauteur de la marge leftmargin="n" topmargin="n" IE 4 Commentaires  META-INFORMATION sur le DOCUMENT (au début de la section HEAD) 4 Information META <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 <font> </font> remplacé par style CSS D Sélection de fonte face="nom_police1, nom_police2,…" remplacé par style CSS D Couleur de fonte color="couleur" remplacé par style CSS D Taille de fonte absolue size="n" remplacé par style CSS D Taille de fonte relative size="+n|-n" remplacé par style CSS D Fonte de base du document <basefont size="n" font="police" color="couleur" /> remplacé par style CSS BALISE PHYSIQUE de TEXTE EN LIGNE : l'auteur spécifie l'apparence du texte 4 Gras (Bold) <b> </b> 4 Italique <i> </i> D Souligné <u> </u> à éviter car le souligné indique l'hypertexte 4 Indice <sub> </sub> 4 Exposant <sup> </sup> 4 Texte télétype <tt> </tt> police à chasse fixe D Rayé <strike> </strike> remplacé par style CSS D Rayé (version abrégée) <s> </s> remplacé par style CSS P Clignotant <blink> </blink> NN P Texte défilant <marquee>texte<marquee> IE Université de Marne-la-Vallée G. Molinengault & F. Petit / langage_HTML_guide.doc Informatique / web 24 février 2006 2 / 2 BALISE LOGIQUE de TEXTE EN LIGNE : l'apparence par défaut dépend du navigateur 4 Bloc de texte <span> </span> pas de changement de ligne, ni de paragraphe 4 Texte supprimé <del> </del> en général texte barré 4 Texte inséré <ins> </ins> en général soulignement 4 Abréviation de terme <abbr title="…"> </abbr> contenu du post-it au survol 4 Acronyme de terme <acronym title="…"> </acronym > contenu du post-it au survol 4 Désactivation Unicode <bdo dir="rtl|ltr"> </bdo> Sens de lecture : right to left, left to right 4 Source d'une citation <cite> </cite> en général italique 4 Citation courte <q lang="fr" cite="source"> </q> guillemets ajoutés (type selon la langue) 4 Code informatique <code> </code> police à chasse fixe 4 Définition de terme <dfn> </dfn> en général italique 4 Emphase <em> </em> en général italique 4 Emphase forte <strong> </strong> en général gras 4 Texte saisi au clavier <kbd> </kbd> police à chasse fixe 4 Séquence de caractères littéraux <samp> </samp> police à chasse fixe 4 Variable <var> </var> en général italique 4 Fonte plus grosse <big> </big> 4 Fonte plus petite <small> </small> TRAIT HORIZONTAL 4 Trait horizontal <hr /> D Alignement align="left|right|center" remplacé par style CSS D Épaisseur size="n" remplacé par style CSS D Largeur en pixel width="n" remplacé par style CSS D Largeur en pourcentage width="n%" remplacé par style CSS D Ligne sans ombre noshade="noshade" remplacé par style CSS SAUT DE LIGNE 4 Saut de ligne (sans espacement) <br /> D Alignement forcé clear="left|right|all" habillage du texte par rapport à un élément P Pas de coupure de ligne <nobr> </nobr> IE NN P Coupure éventuelle de mot <wbr> IE et NN (à l'intérieur d'une balise NOBR) ESPACEMENT, RETRAIT, MARGE P Espaceur <spacer> reconnu par NN P Type d'espaceur type="horizontal|vertical|block" NN P Grandeur size="n" avec type="horizontal|vertical" P Dimensions width="n" height="n" avec type="block" P Alignement align="left|right|center" avec type="block" P Multi-Colonnes <multicol cols="n"> </multicol> NN P Longueur de colonnes gutter="n" NN P Largeur de colonne width="n" NN BLOCS 4 Paragraphe <p> </p> en général espacement entre paragraphes 4 En-tête ou titre hiérarchisé <hn> </hn> n="1" (important) à "6" (moins important) 4 Division (bloc neutre) <div> </div> peut encadrer n blocs D Alignement du texte (p, hn; div) align="left|center|right|justify" remplacé par style CSS D Centré <center> </center> remplacé par style CSS 4 Adresse électronique <address> </address> souvent en italique 4 Citation longue <blockquote> </blockquote> retrait à partir des 2 marges, doit contenir autre bloc 4 Pré-formaté <pre> </pre> formatage de caractères sans modification P Calque <layer> </layer> et <ilayer> </ilayer> NN LISTES (Différentes listes peuvent être imbriquées) 4 Liste à puces (non-ordonnée) <ul> </ul> Les listes peuvent s'imbriquer 4 Liste numérotée (ordonnée) <ol> </ol> 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) <li> </li> A placer dans un <ul> ou <ol> D Valeur à partir d'un élément value="n" en chiffre arabe (sans tenir compte de TYPE) 4 Liste de définition <dl> </dl> contient les DT et DD 4 Eléments de liste de définition <dt>terme 1 à définir </dt <dd>Définition du terme 1</dd> D Liste de menu <menu> <li> </li> </menu> affichage sur une colonne D Liste de répertoire <dir> <li> </li> </dir> affichage sur plusieurs colonnes D Liste compacte compact="compact" s'applique à UL, OL, DIR, MENU, DL Université de Marne-la-Vallée G. Molinengault & F. Petit / langage_HTML_guide.doc Informatique / web 24 février 2006 3 / 3 TABLEAUX 4 Tableau <table> </table> 4 Bordure par défaut border 4 Epaisseur de bordure border="n" P Couleur de bordure bordercolor="couleur" IE P Ombrage de bordure bordercolorlight="couleur" bordercolordark="couleur" IE 4 Bordures extérieures frame = "void|above|below|hsides|vsides|rhs|lhs|box|border" (aucune|haut|bas|horizontales|verticales|droite|gauche|contour) 4 Bordures intérieures rules="none|rows|cols|groups|all" 4 Espace entre cellules (bordure interne) cellspacing="n" 4 Espace entre texte et bord de cellule cellpadding="n" 4 Largeur en pixel ou en pourcentage width="n|n%" P Hauteur en pixel ou en pourcentage height="n|n%" IE NN D Alignement horizontal align="left|right|center" pour table 4 Sens d'affichage des colonnes dir="rtl|ltr" rtl pour inverser 4 Légende du tableau <caption>Légende du tableau</caption> après <table>, facultatif D Alignement de légende align= "bottom|top|left|right" right pas reconnu dans NN 4 Ligne ou rangée (Table Raw) <tr> </tr> 4 Cellule de tableau (Table Data) <td> </td> 4 En-tête de tableau (Table Head) <th> </th> formatage souvent italique centré 4 Etendre la cellule sur n colonnes (horiz) colspan="n" pour th, td 4 Etendre la cellule sur n lignes (vert) rowspan="n" pour th, td D Pas de coupure de ligne nowrap pour th, td 4 Groupe structurel de n colonnes <colgroup> </colgroup> ou <colgroup /> à mettre avant thead, tfoot, tbody 4 Groupe non structurel de colonnes <col /> 4 Regroupement de n colonnes span="n" pour col et colgroup (sans col) 4 Section d'en-tête horizontale <thead> </thead> un seul facultatif 4 Section de pied horizontale <tfoot> </tfoot> un seul facultatif 4 Section de corps horizontale <tbody> </tbody> à placer après thead et tfoot 4 Largeur de cellule width="n|n%|*" colgroup, col, thead, tfoot, tbody, td D Largeur - Hauteur width="n|n%" height="n|n%" pour th, td D Couleur de fond de cellule bgcolor="couleur" tout élément de tableau P Image uploads/s3/ langage-html-guide.pdf