Les principales formules du langage HTML

Résumé du document

Présentation PDF des formules principales pour le HTML.

Extraits

[...] -Couper un block avec la propriétés overflow : visible, hidden(coupé), scroll et auto -Les bordures : méga-propriétés border largeur : thin(bordure fine), medium(bordure moyenne), thick(bordure épaisse) couleur : color type de bordure : solid(trait simple), dotted(pointillés), dashed(tirêts), double(bordure double), groove(en relief), ridge(effet inset(autre effet outset(autre effet 3D) en haut, en bas, à gauche, à droite, propriétés : border-top : bordure en haut. border-bottom : bordure en bas. border-left : bordure en gauche. border-right : bordure en droite. -Les marges : padding en px : marge intérieure margin en px : marge extérieure en haut, en bas, à doite, à gauche :Voici la liste pour margin : margin-top : marge extérieure en haut. margin-bottom : marge extérieure en bas. [...]

[...] Balise à l'interieur de la , ou à cette balise option on lui met l'attribut value et selected=''selected'', si on veut une valeur par défaut. On peut aussi créer des groupes d'options à l'intérieur de la liste en utilisant , avec un ATTRIBUT LABEL, qui donnera le nom du groupe d'options. -Ordre de tabulation, on utilise comme attribut (sur toutes les balises formulaires), l'attribut tabindex, ayant un nombre pour valeur. -Touches de raccourcis, comme tabindex on peut mettre l'attribut de raccourci accesskey sur toutes les balises formulaires. [...]

[...] : "Neil Armstrong") S'il y a des attributs dans une balise fonctionnant par paire, on ne les met que dans la balise ouvrante (cf : exemple ci-dessus). -Un commentaire est une balise un peu spéciale commençant par - et : balise paragraphe - : saut de ligne à l'intérieur des paragraphes -attributs title dans les balises sont généralement des bulles d'aides -Les titres : : signifie "titre très important". En général, on s'en sert pour afficher le titre de la page en haut. : signifie "titre important". [...]

[...] margin-left : marge extérieure à gauche. margin-right : marge extérieure à droite. Et la liste pour padding : padding-top : marge intérieure en haut. padding-bottom : marge intérieure en bas. padding-left : marge intérieure à gauche. padding-right : marge intérieure à droite. Pour centrer un block mettre margin : auto -Transformer block en inline avec la propriétés display Block : la balise concernée deviendra de type block Inline : la balise concernée deviendra de type inline -Les flottants : propriétés float Left : flottant à gauche Right : flottan à droite -Texte en dessous du flottant : clear : Left : le texte se poursuit après un flottant left right : le texte se poursuit après un flottant right both : le texte se poursuit après un flottant left ou right -Positionnement : propriété position absolute : positionnement absolu, utilisation des propriétés (exprimée en taille) left, right, top et bottom fixed : positionnement fixe, utilisation des propriétés (exprimée en taille) left, right, top et bottom relative : positionnement relatif, utilisation des propriétés (exprimée en taille) left, right, top et bottom mais pour les relative, l'origine est le coin haut à gauche du BLOC -Tableau : : début et fin de tableau : début et fin d'une ligne de tableau : début et fin d'un cellules Border-collapse : collapse, bordure coller entre elles, separate, bordure propre à chaque cellules. [...]

[...] : titre vraiment pas important du tout. -Mettre en valeur des mots : Un peu : tous les em situés à l'intérieur d'un h3 { color: blue; } -Différentes propriétés : font-familly : police color : couleur (rgb(243,65,243); ou en hexa avec #FF1A6B ou le nom) font-size : taille (en em) text-align : alignement du texte (left, right,center, justify) text-indent : retrait (en px) font-style : style du texte (italic, ou normal) font-weight : mettre en gras (bold ou normal) font-variant : texte en petites capitales (small-caps ou normal) text-decoration : décorer le texte (underline (souligner), linethrough(barré), overline(au-dessus), blink(clignotant), none) background-color : fond en couleur background-image : url(nom_de_l'image) : avec une image background-attachment : fixed (image fond fixée), scroll (defile avec texte) background-repeat : répétition image de fond, no-repeat, repeatx( sur une ligne), repeat-y(sur une colonne). [...]