Typographie

Typographie

Ce dernier n'a pas plus d'un pied de haut et environ sept pas de large, un simple sommet plat d'un rocher gris qui fume comme une cendre chaude après une averse, et où personne ne se soucierait de s'aventurer une semelle nue avant le coucher du soleil. Sur la Petite Isabelle, un vieux palmier déchiqueté, au gros tronc bombé et rugueux d'épines, très sorcier parmi les palmiers, bruisse un lugubre bouquet de feuilles mortes sur le sable grossier.

Rubrique 1 (H1)

Ce dernier n'a pas plus d'un pied de haut et environ sept pas de large, un simple sommet plat d'un rocher gris qui fume comme une cendre chaude après une averse, et où personne ne se soucierait de s'aventurer une semelle nue avant le coucher du soleil. Sur la Petite Isabelle, un vieux palmier déchiqueté, au gros tronc bombé et rugueux d'épines, très sorcier parmi les palmiers, bruisse un lugubre bouquet de feuilles mortes sur le sable grossier.

Rubrique 2 (H2)

Ce dernier n'a pas plus d'un pied de haut et environ sept pas de large, un simple sommet plat d'un rocher gris qui fume comme une cendre chaude après une averse, et où personne ne se soucierait de s'aventurer une semelle nue avant le coucher du soleil. Sur la Petite Isabelle, un vieux palmier déchiqueté, au gros tronc bombé et rugueux d'épines, très sorcier parmi les palmiers, bruisse un lugubre bouquet de feuilles mortes sur le sable grossier.

Rubrique 3 (H3)

Ce dernier n'a pas plus d'un pied de haut et environ sept pas de large, un simple sommet plat d'un rocher gris qui fume comme une cendre chaude après une averse, et où personne ne se soucierait de s'aventurer une semelle nue avant le coucher du soleil. Sur la Petite Isabelle, un vieux palmier déchiqueté, au gros tronc bombé et rugueux d'épines, très sorcier parmi les palmiers, bruisse un lugubre bouquet de feuilles mortes sur le sable grossier.

Rubrique 4 (H4)

Ce dernier n'a pas plus d'un pied de haut et environ sept pas de large, un simple sommet plat d'un rocher gris qui fume comme une cendre chaude après une averse, et où personne ne se soucierait de s'aventurer une semelle nue avant le coucher du soleil. Sur la Petite Isabelle, un vieux palmier déchiqueté, au gros tronc bombé et rugueux d'épines, très sorcier parmi les palmiers, bruisse un lugubre bouquet de feuilles mortes sur le sable grossier.

Rubrique 5 (H5)

Ce dernier n'a pas plus d'un pied de haut et environ sept pas de large, un simple sommet plat d'un rocher gris qui fume comme une cendre chaude après une averse, et où personne ne se soucierait de s'aventurer une semelle nue avant le coucher du soleil. Sur la Petite Isabelle, un vieux palmier déchiqueté, au gros tronc bombé et rugueux d'épines, très sorcier parmi les palmiers, bruisse un lugubre bouquet de feuilles mortes sur le sable grossier.

Rubrique 6 (H6)

Ce dernier n'a pas plus d'un pied de haut et environ sept pas de large, un simple sommet plat d'un rocher gris qui fume comme une cendre chaude après une averse, et où personne ne se soucierait de s'aventurer une semelle nue avant le coucher du soleil. Sur la Petite Isabelle, un vieux palmier déchiqueté, au gros tronc bombé et rugueux d'épines, très sorcier parmi les palmiers, bruisse un lugubre bouquet de feuilles mortes sur le sable grossier.

Citations en bloc

Citation en bloc sur une seule ligne :

Rester affamé. Restez stupide.

Bloc de citation multi-lignes avec une référence de citation :

La HTML

Élément (ou Élément de citation de bloc HTML) indique que le texte inclus est une citation étendue. Habituellement, cela est rendu visuellement par une indentation (voir Remarques pour savoir comment le changer). Une URL pour la source de la citation peut être donnée en utilisant le citer tandis qu'une représentation textuelle de la source peut être donnée à l'aide de l'attribut élément.

plusieurs contributeurs – MDN HTML element reference – blockquote

les tables

Employé Un salaire
Jean Doe $1 Because that’s all Steve Jobs needed for a salary.
Jane Doe $100K Pour tous les blogs qu'elle fait.
Fred Blogs $100M Les images valent mille mots, n'est-ce pas ? Alors Jane x 1 000.
Jane Blogs $100B With hair like that?! Enough said…

Listes de définition

Titre de la liste de définitions
Division de la liste de définition.
Commencez
Une startup ou une startup est une entreprise ou une organisation temporaire conçue pour rechercher un modèle commercial reproductible et évolutif.
#travaille
Coined by Rob Dyrdek and his personal body guard Christopher “Big Black” Boykins, “Do Work” works as a self motivator, to motivating your friends.
Faites-le en direct
I’ll let Bill O’Reilly will Explique celui-ci.

Listes non ordonnées (imbriquées)

  • Élément de liste un
    • Élément de liste un
      • Élément de liste un
      • Élément de liste deux
      • Élément de liste trois
      • Élément de la liste quatre
    • Élément de liste deux
    • Élément de liste trois
    • Élément de la liste quatre
  • Élément de liste deux
  • Élément de liste trois
  • Élément de la liste quatre

Liste ordonnée (imbriquée)

  1. Élément de liste un – commencer à 8
    1. Élément de liste un
      1. Élément de liste un - attribut inversé
      2. Élément de liste deux
      3. Élément de liste trois
      4. Élément de la liste quatre
    2. Élément de liste deux
    3. Élément de liste trois
    4. Élément de la liste quatre
  2. Élément de liste deux
  3. Élément de liste trois
  4. Élément de la liste quatre

Balises HTML

Ces balises prises en charge proviennent du code WordPress.com FAQ.

Étiquette d'adresse

1 boucle infinie
Cupertino, Californie 95014
États-Unis

Balise d'ancrage (aka. Lien)

Ceci est un exemple d'un lien.

Balise d'abréviation

L'abréviation srsly stands for “seriously”.

Balise d'acronyme (obsolète en HTML5)

L'acronyme ftw stands for “for the win”.

Grande étiquette (obsolète en HTML5)

Ces épreuves sont une gros deal, mais cette balise n'est plus prise en charge dans HTML5.

Cite Tag

“Code is poetry.” —Automatique

Balise codée

Cette balise stylise les blocs de code.

.titre de l'article {
marge : 0 0 5px ;
font-weight : gras ;
taille de police : 38px ;
hauteur de ligne : 1,2 ;
et voici une ligne de texte vraiment, vraiment, vraiment, vraiment long, juste pour voir comment c'est traité et pour découvrir comment ça déborde;
}


Vous apprendrez plus tard dans ces tests que word-wrap: break-word; sera votre meilleur ami.

Supprimer la balise

Cette balise vous permettra barrer le texte, mais cette balise est conseillé pris en charge en HTML5 (utilisez le Au lieu).

Mettre l'accent sur la balise

La balise d'accentuation doit mettre en italique texte.

Étiquette de règle horizontale


Cette phrase suit une <hr> étiquette.

Insérer une balise

Cette balise doit indiquer inséré texte.

Étiquette de clavier

Cette balise à peine connue émule texte du clavier, qui est généralement stylisé comme le étiquette.

Balise préformatée

Cette balise sert à préserver les espaces tels qu'ils sont tapés, comme dans la poésie ou l'art ASCII.

La route non empruntée


Robert Frost


  Two roads diverged in a yellow wood,
  And sorry I could not travel both          (_/)
  And be one traveler, long I stood         (='.'=)
  And looked down one as far as I could     (")_(")
  To where it bent in the undergrowth;

  Then took the other, as just as fair,
  And having perhaps the better claim,          |_/|
  Because it was grassy and wanted wear;       / @ @
  Though as for that the passing there        ( > º < )
  Had worn them really about the same,         `>>x<<´
                                               /  O
  And both that morning equally lay
  In leaves no step had trodden black.
  Oh, I kept the first for another day!
  Yet knowing how way leads on to way,
  I doubted if I should ever come back.

  I shall be telling this with a sigh
  Somewhere ages and ages hence:
  Two roads diverged in a wood, and I?
  I took the one less traveled by,
  And that has made all the difference.


  and here's a line of some really, really, really, really long text, just to see how it is handled and to find out how it overflows;

Étiquette de citation pour les citations courtes et en ligne

Developers, developers, developers… –Steve Ballmer

Étiquette de grève (obsolète en HTML5) et Balise S

Cette balise montre barré texte.

Petite étiquette

Cette balise montre plus petit texte.

Étiquette forte

Cette balise montre texte en gras.

Balise d'indice

Adopter notre style scientifique avec H2O, which should push the “2” down.

Balise en exposant

Still sticking with science and Albert Einstein’s E = MC2, ce qui devrait soulever les 2 vers le haut.

Étiquette de téléscripteur (obsolète en HTML5)

Cette balise rarement utilisée émule texte de téléscripteur, qui est généralement stylisé comme le étiquette.

Balise de soulignement obsolète en HTML 4, réintroduit en HTML5 avec d'autres sémantiques

Cette balise montre texte souligné.

Balise variable

Cela permet de désigner variables.

Illumination d'image

Image d'alignement au centre

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec posuere augue quam. Proin ligula ligula, rutrum ut consectetur id, tincidunt sit amet ipsum.

In sed porta lectus, auctor bibendum est. Mauris tempor fermentum nisl vel imperdiet. Donec consequat sapien ac nisl pellentesque, eget condimentum felis rhoncus.

Image d'alignement à gauche

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec posuere augue quam. Proin ligula ligula, rutrum ut consectetur id, tincidunt sit amet ipsum. Proin magna dolor, fringilla non malesuada vitae, suscipit at est. Pellentesque ex orci, fringilla in viverra eu, interdum at eros. Vivamus à scelerisque est.

Quisque in justo ultrices, efficitur lorem quis, pharetra mauris. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia. Nunc ultricies nisl sollicitudin, maximus lacus bibendum, pharetra eros. Dans sed nibh arcu. Mauris in orci a neque posuere fermentum. Aliquam eu accumsan nulla. Phasellus tincidunt tristique arcu sed tempus. Praesent id lorem nec turpis porttitor semper. Quisque nec ligula erat. Pellentesque eu gravida lacus.

Aliquam eu accumsan nulla. Phasellus tincidunt tristique arcu sed tempus. Praesent id Quisque interdum luctus est, ut consequat felis. Sed sagittis ipsum scelerisque, dictum nibh id, posuere augue. Integer facilisis aliquet elit, a egestas quam cursus quis. Dans Mattis volutpat arcu. Vestibulum blandit purus sed nisi elementum.

Image d'alignement à droite

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec posuere augue quam. Proin ligula ligula, rutrum ut consectetur id, tincidunt sit amet ipsum. Proin magna dolor, fringilla non malesuada vitae, suscipit at est. Pellentesque ex orci, fringilla in viverra eu, interdum at eros. Vivamus à scelerisque est.

Quisque in justo ultrices, efficitur lorem quis, pharetra mauris. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia. Nunc ultricies nisl sollicitudin, maximus lacus bibendum, pharetra eros. Dans sed nibh arcu. Mauris in orci a neque posuere fermentum. Aliquam eu accumsan nulla. Phasellus tincidunt tristique arcu sed tempus. Praesent id lorem nec turpis porttitor semper. Quisque nec ligula erat. Pellentesque eu gravida lacus.

Aliquam eu accumsan nulla. Phasellus tincidunt tristique arcu sed tempus. Praesent id Quisque interdum luctus est, ut consequat felis. Sed sagittis ipsum scelerisque, dictum nibh id, posuere augue. Integer facilisis aliquet elit, a egestas quam cursus quis. Dans Mattis volutpat arcu. Vestibulum blandit purus sed nisi elementum.

150 × 150 Image, Which is Left Aligned

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec posuere augue quam. Proin ligula ligula, rutrum ut consectetur id, tincidunt sit amet ipsum. Proin magna dolor, fringilla non malesuada vitae, suscipit at est. Pellentesque ex orci, fringilla in viverra eu, interdum at eros. Vivamus à scelerisque est.

Quisque in justo ultrices, efficitur lorem quis, pharetra mauris. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia. Nunc ultricies nisl sollicitudin, maximus lacus bibendum, pharetra eros. Dans sed nibh arcu. Mauris in orci a neque posuere fermentum. Aliquam eu accumsan nulla. Phasellus tincidunt tristique arcu sed tempus. Praesent id lorem nec turpis porttitor semper. Quisque nec ligula erat. Pellentesque eu gravida lacus.

Aliquam eu accumsan nulla. Phasellus tincidunt tristique arcu sed tempus. Praesent id Quisque interdum luctus est, ut consequat felis. Sed sagittis ipsum scelerisque, dictum nibh id, posuere augue. Integer facilisis aliquet elit, a egestas quam cursus quis. Dans Mattis volutpat arcu. Vestibulum blandit purus sed nisi elementum.

Grande image

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec posuere augue quam. Proin ligula ligula, rutrum ut consectetur id, tincidunt sit amet ipsum.

In sed porta lectus, auctor bibendum est. Mauris tempor fermentum nisl vel imperdiet. Donec consequat sapien ac nisl pellentesque, eget condimentum felis rhoncus.