Remerciez-le!

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

Corps du document <body param...> Balise d'ouverture du corps. bgcolor=couleur

Corps du document <body param...> Balise d'ouverture du corps. bgcolor=couleur Couleur d'arrière plan. text=couleur Couleur du texte. link=couleur Couleur des liens. alink=couleur Couleur du lien cliqué. vlink=couleur Couleur du lien visité. text=couleur Position d'alignement de l'image. Valeurs possible : bottom,middle,top,left,right </body> Balise de fermeture du corps. Valeurs de paramètre length Largeur en pixel ou en pourcentage de largeur disponible. alignement Alignement du texte : left, center, right, justify. Tableaux <table param...> Balise de création de table. width=length Largeur de la table. border=entier Épaisseur de la bordure. bgcolor=couleur Couleur d'arrière plan. cellspacing=length Taille d'espace des cellules. cellpadding=length Taille d'espacement entre la bordure d'une cellule et son contenu. dir=direction "LTR" : cellules de gauche à droite (défaut), "RTL" : cellules de droite à gauche. <thead>...</thead> Groupement d'en-tête. <tfoot>...</tfoot> Groupement de pied de table. <tbody>...</tbody> Groupement corps de table. <tr param...>...</tr> Ligne de corps,en-tête ou pied. <th param...>...</th> Cellule d'en-tête (texte en gras). <td param...>...</td> Cellule de table. colspan=n Fusionne la cellule avec les n-1 cellules de droite. rowspan=n Fusionne la cellule avec les n-1 cellules du dessous. Witdh,border,bgcolor, cellspacing,cellpadding idem. </table> Balise de fin de table. Listes, énumérations <ul> Balise d'ouverture de liste. <li> ... [</li>] Balise d'élément de liste. </ul> Balise de fermeture de liste. <ol> Balise d'ouverture de énumération. <li> ... [/li>] Balise d'élément énuméré. </ol> Balise de fermeture d'énumération. Formulaires <form params...> Création d'un formulaire. action=URI URI de la page de traiement. method=get|post Méthode de soumission des données : "get" : données concaténées à l'URI. "post" : données transmise dans le corps de la requête target=frame Nom du cadre qui affichera le résultat. <input params...> Composant de formulaire. type=type Type de composant : text : ligne de texte simple, password : mot de passe, checkbox : boite à cocher, radio : bouton radio, submit : bouton de soumission, image : bouton de soumission graphique, reset : bouton de réinitialisation, bouton : bouton simple, hidden : composant caché, file : selecteur de fichier. name=texte Nom du champ. value=texte Valeur par défaut du composant. size=entier Taille en pixels ou en caractères maxlength=entier Longueur de saisie maximum. checked Composant radio ou checkbox activé. src=URI URI de l'image (type image seulement) <textarea params...> texte initial </textarea> Zone de saisie de texte contenant texte initial. name=texte Nom du champ. rows=entier Nombre de lignes. cols=entier Nombre de colonnes. <select params...>... Liste de choix déroulante. name=texte Nom du champ. <option params...> description [</option>] Option de liste déroulante affichant description. value=texte Valeur de l'option de choix. </select> Fin de description de liste de choix. <button params...> code </button> Transforme code en bouton name=texte Nom du champ. type=type Type de bouton : button|submit|reset. </form> Fin du formulaire. Cadres <frameset params...> Définir une disposition de frames. rows="length,length..." Liste des largeurs des frames ("* " : le reste de la largeur disponible). cols="length,length..." Liste des hauteurs des frames ("* " : le reste de la largeur disponible). <frame params...>...</frame> Frame imbriquée. src=URI URI du document imbriqué. noresize Empêche l'utilisateur de retailler le cadre scrolling=auto|yes|no Affichage des ascenseurs : auto : si nécessaire, no : pas d'ascenseur, yes : ascenseurs toujours affichés. Frameborder = {0, 1} Affichage de la bordure du cadre (1) ou non (0). Marginwidth=entier Taille des marges gauche et droite. Marginheight=entier Taille des marges haute et basse. <noframe> ... </noframe> Code HTML à interpréter si les cadres ne sont pas supportés par le navigateur. </frameset> Fin de disposition de frames. Notation de couleurs Constantes symboliques Notations RVB Black "#000000" Silver "#C0C0C0" Gray "#808080" White "#FFFFFF" Maroon "#800000" Red "#FF0000" Purple "#800080" Fuchsia "#FF00FF" Silver "#C0C0C0" Green "#008000" Lime "#00FF00" Olive "#808000" Yellow "#FFFF00" Navy "#000080" Blue "#0000FF" Teal "#008080" Aqua "#00FFFF" Structure du document  Code en commentaire. <H1>|<H2>|...<H6> ... </H1>|</H2>|...</H6> Header : titres hiérarchisés de niveau respectif 1, 2, 3, 4 ,5 ,6. (1 = gros, 6 = petit). <P param...> ... </p> Paragraphe. align=alignement Couleur du texte. title=texte Texte de l'info bulle. <br> Retour de ligne forcé. <pre> ... </pre> Texte pré-formaté (tags html ignorés). <em> ... </em> Texte en emphase (italique). <strong> ... </strong> Texte en gras. <blockquote param...> ... </blockquote> Citation cite=URI URI de la source de la citation. title=texte Texte de l'info bulle. <HR params...> Insérer une ligne de séparation horiz. width=length Largeur de la ligne. align=alignement Aligment de la ligne. size=entier Hauteur de la ligne en points. <A params...> ... </A> Lien hypertexte. href=URI URI du document pointé. target=frame Nom du cadre qui doit recevoir le document. Valeurs spéciales : "_blank" : nouvelle fenêtre, "_self" : même cadre, "_parent" : cadre parent, "_top" : cadre de plus haut niveau. En-tête du document <body param...> Ouverture du corps du document. bgcolor=couleur Couleur d'arrière plan. text=couleur Couleur du texte. link=couleur Couleur des liens. alink=couleur Couleur du lien cliqué. vlink=couleur Couleur du lien visité. text=couleur Position d'alignement de l'image. Valeurs possible : bottom,middle,top,left,right </body> Fermeture du corps du document. Aide mémoire HTML/CSS Aide mémoire HTML (suite) Tableaux border-collapse table collapse, separate border-spacing length caption-side top, bottom, left, right empty-cells show, hide table-layout auto, fixed Formatage de texte <center>...</center> Texte centré. <TT> ... </TT> Texte en style télétype. <I> ... </I> Texte en italique. <B> ... </B> Texte en gras. <U> ... </U> Texte souligné. <S> ... </S> Texte barré. <BIG> ... </BIG> Texte en grosse police. <SMALL> ... </SMALL> Texte en petite police. <font params...> ... </font> Changer le style du texte. size = entier Taille absolue ou relative de la police. color=couleur Couleur du texte. Images <img param...> Balise d'insertion d'image src=uri URI de l'image alt=texte Courte description width=entier Largeur d'affichage height=entier Hauteur d'affichage border=entier Largeur de la bordure de l'image. (0 = pas de bordure). align=aligment Position d'alignement de l'image. alt=texte Texte affiché si l'image ne peut être affichée. title=texte Texte de l'info bulle. Feuilles de style cascadées <style="text/css"> /* commentaire */ selecteur,selecteur ... {propriété: valeur; propriété: valeur; ... } selecteur.classe {propriété: valeur; propriété: valeur; ... } </style> Note : selecteur correspond au nom d'un élément html (ex: BODY,P,H1,etc...), propriété à un attribut (ex:font-size, border, etc...) Arrières plans background Background-color, background-image, background-repeat, background-attachment, background-position background-attachment scroll, fixed background-color color-rgb, color-hex, color-name, transparent background-image url, none background-position top left, top center, top right, center left, center center, center right, bottom left, bottom center, bottom right, x-% y-%, x-pos y-pos background-repeat repeat, repeat-x, repeat-y, no-repeat Bordures border-color color border-style None, hidden, dotted, dashed, solid, double, groove, ridge, inset, outset border-width Thin, medium, thick, length Classification clear left, right, both, none cursor url, auto, crosshair, default, pointer, move, e- resize, ne-resize, nw-resize, n-resize, se-resize, sw-resize, s-resize, w-resize, text, wait, help display none, inline, block, list-item, run-in, compact, marker, table, inline-table, table-row-group, table-header-group, table-footer-group, table- row, table-column-group, table-column, table- cell, table-caption float left, right, none position static, relative, absolute, fixed visibility visible, hidden, collapse Dimensions Height, width auto, length, % line-height normal, number, length, % max-height, max-width none, length, % min-height, min-width none, length, % Polices font font-style, font-variant, font-weight, font-size/line-height, font-family, caption, icon, menu, message-box, small- caption, status-bar font-family family-name, generic-family font-size xx-small, x-small, small, medium, large, x-large, xx-large, smaller, larger, length, % font-size-adjust none, number font-stretch normal, wider, narrower, ultra-condensed, extra- condensed, condensed, semi-condensed, semi-expanded, expanded, extra-expanded, ultra-expanded font-style normal, italic, oblique font-variant normal, small-caps font-weight normal, bold, bolder, lighter, 100, 200, 300, 400, 500, 600, 700, 800, 900 Contours outline outline-color, outline-style, outline-width outline-color color, invert outline-style none, dotted, dashed, solid, double, groove, ridge, inset, outset outline-width thin, medium, thick, length Marges margin margin-top, margin-right, margin-bottom, margin-left margin-bottom, margin- top, margin-left, margin-right auto, length, % Espacements padding padding-top, padding-right, padding-bottom, padding-left padding-bottom, padding-top, padding-left, padding-right length, % Positionnement bottom, top, right, left auto, length, % clip shape, auto overflow Visible, hidden, scroll, auto position static, relative, absolute, fixed vertical-align baseline, sub, super, top, text-top, middle, bottom, text-bottom, length, % z-index auto, number Texte color color direction ltr, rtl letter-spacing normal, length text-align left, right, center, justify text-decoration none, underline, overline, line-through, blink text-indent length, % text-shadow none, color, length text-transform none, capitalize, uppercase, lowercase unicode-bidi normal, embed, bidi-override white-space normal, pre, nowrap word-spacing normal, length Aide mémoire HTML/CSS En savoir plus ... W3C recommandation http://www.w3.org/TR/html401/ HTML reference http://www.w3schools.com/tags/default.asp CSS2 reference http://www.w3schools.com/css/css_reference.asp uploads/s3/ cours-html-css.pdf