Typographie

Cette dernière ne fait pas plus d'un pied de haut et environ sept pas de large, un simple sommet plat d'une roche grise qui fume comme une cendre chaude après une douche, et où aucun homme ne voudrait s'aventurer une semelle nue avant le coucher du soleil. Sur la Petite Isabelle, un vieux palmier déchiqueté, au tronc épais et bombé, rugueux avec des épines, très sorcière parmi les palmiers, bruisse un triste bouquet de feuilles mortes au-dessus du sable grossier.

Rubrique 1 (H1)

Cette dernière ne fait pas plus d'un pied de haut et environ sept pas de large, un simple sommet plat d'une roche grise qui fume comme une cendre chaude après une douche, et où aucun homme ne voudrait s'aventurer une semelle nue avant le coucher du soleil. Sur la Petite Isabelle, un vieux palmier déchiqueté, au tronc épais et bombé, rugueux avec des épines, très sorcière parmi les palmiers, bruisse un triste bouquet de feuilles mortes au-dessus du sable grossier.

Rubrique 2 (H2)

Cette dernière ne fait pas plus d'un pied de haut et environ sept pas de large, un simple sommet plat d'une roche grise qui fume comme une cendre chaude après une douche, et où aucun homme ne voudrait s'aventurer une semelle nue avant le coucher du soleil. Sur la Petite Isabelle, un vieux palmier déchiqueté, au tronc épais et bombé, rugueux avec des épines, très sorcière parmi les palmiers, bruisse un triste bouquet de feuilles mortes au-dessus du sable grossier.

Rubrique 3 (H3)

Cette dernière ne fait pas plus d'un pied de haut et environ sept pas de large, un simple sommet plat d'une roche grise qui fume comme une cendre chaude après une douche, et où aucun homme ne voudrait s'aventurer une semelle nue avant le coucher du soleil. Sur la Petite Isabelle, un vieux palmier déchiqueté, au tronc épais et bombé, rugueux avec des épines, très sorcière parmi les palmiers, bruisse un triste bouquet de feuilles mortes au-dessus du sable grossier.

Rubrique 4 (H4)

Cette dernière ne fait pas plus d'un pied de haut et environ sept pas de large, un simple sommet plat d'une roche grise qui fume comme une cendre chaude après une douche, et où aucun homme ne voudrait s'aventurer une semelle nue avant le coucher du soleil. Sur la Petite Isabelle, un vieux palmier déchiqueté, au tronc épais et bombé, rugueux avec des épines, très sorcière parmi les palmiers, bruisse un triste bouquet de feuilles mortes au-dessus du sable grossier.

Rubrique 5 (H5)

Cette dernière ne fait pas plus d'un pied de haut et environ sept pas de large, un simple sommet plat d'une roche grise qui fume comme une cendre chaude après une douche, et où aucun homme ne voudrait s'aventurer une semelle nue avant le coucher du soleil. Sur la Petite Isabelle, un vieux palmier déchiqueté, au tronc épais et bombé, rugueux avec des épines, très sorcière parmi les palmiers, bruisse un triste bouquet de feuilles mortes au-dessus du sable grossier.

Rubrique 6 (H6)

Cette dernière ne fait pas plus d'un pied de haut et environ sept pas de large, un simple sommet plat d'une roche grise qui fume comme une cendre chaude après une douche, et où aucun homme ne voudrait s'aventurer une semelle nue avant le coucher du soleil. Sur la Petite Isabelle, un vieux palmier déchiqueté, au tronc épais et bombé, rugueux avec des épines, très sorcière parmi les palmiers, bruisse un triste bouquet de feuilles mortes au-dessus du sable grossier.

Citations en bloc

Bloc de citation d'une seule ligne :

Reste affamé. Reste stupide.

Bloc de citation sur plusieurs lignes avec une référence de citation :

Le HTML <blockquote> Élément (ou Élément de citation de bloc HTML) indique que le texte ci-joint est une citation prolongée. Habituellement, ceci est rendu visuellement par l'indentation (voir Notes pour savoir comment le modifier). L'URL de la source de la citation peut être donnée à l'aide de l'attribut invoquer tandis qu'une représentation textuelle de la source peut être donnée à l'aide de l'attribut <cite> élément.

contributeurs multiples - Référence d'élément HTML MDN - citation en bloc

Tables

EmployéSalaire
John Doe$1Parce que c'est tout ce dont Steve Jobs avait besoin pour un salaire.
Jane Doe$100KPour tous les blogs qu'elle fait.
Fred Bloggs$100MLes photos valent mille mots, non ? Donc Jane x 1000.
Jane Bloggs$100BAvec des cheveux comme ça ?! Assez parlé....

Listes de définitions

Définition Titre de la liste Division de la liste de définition. Démarrage Une entreprise en démarrage ou startup est une entreprise ou une organisation temporaire conçue pour rechercher un modèle d'affaires reproductible et évolutif. #dowork Coincé par Rob Dyrdek et son garde du corps personnel Christopher "Big Black" Boykins, "Do Work" fonctionne comme un motivateur personnel, pour motiver vos amis. Do It Live Je vais laisser Bill O'Reilly s'expliquer sur ce point.

Listes non ordonnées (imbriquées)

  • Énumérer l'élément un
    • Énumérer l'élément un
      • Énumérer l'élément un
      • Deuxième point de la liste
      • Énumérer l'élément trois
      • Point quatre de la liste
    • Deuxième point de la liste
    • Énumérer l'élément trois
    • Point quatre de la liste
  • Deuxième point de la liste
  • Énumérer l'élément trois
  • Point quatre de la liste

Liste ordonnée (imbriquée)

  1. Point 1 de la liste - à partir de 8
    1. Énumérer l'élément un
      1. Élément de la liste 1 - attribut inversé
      2. Deuxième point de la liste
      3. Énumérer l'élément trois
      4. Point quatre de la liste
    2. Deuxième point de la liste
    3. Énumérer l'élément trois
    4. Point quatre de la liste
  2. Deuxième point de la liste
  3. Énumérer l'élément trois
  4. Point quatre de la liste

Balises HTML

Ces balises supportées proviennent de la FAQ sur le code de WordPress.com.

Étiquette d'adresse 1 Infinite LoopCupertino, CA 95014
États-Unis

Étiquette d'ancrage (alias Link)

Ceci est un exemple de lien.

Étiquette d'abréviation

L'abréviation srsly signifie "sérieusement".

Balise Acronyme (obsolète dans HTML5)

L'acronyme ftw signifie "pour la victoire".

Big Tag (obsolète en HTML5)

Ces tests sont très importants, mais cette balise n'est plus supportée en HTML5.

Étiquette de la ville

"Le code, c'est la poésie." Automatique -Automatique

Étiquette de code

Cette balise permet de mettre en forme des blocs de code.
.post-title {
margin: 0 0 5px;
font-weight: bold;
font-size: 38px;
line-height: 1.2;
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;
}

Vous apprendrez plus tard dans ces tests que le mot-clé : break-word;sera votre meilleur ami.

Supprimer l'étiquette

Ce tag vous permettra de barrer le textemais cette balise est recommandé supporté dans HTML5 (utilisez l'option <s> à la place).

Mettre l'accent sur le tag

La balise emphasize doit mettre le texte en italique.

Étiquette de règle horizontale


Cette phrase fait suite à une <hr /> tag.

Insérer l'étiquette

Cette balise doit indiquer inséré texte.

Étiquette de clavier

Cette balise peu connue émule le texte du clavier, qui est généralement stylisé comme la balise <code> tag.

Étiquette préformatée

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

La route à ne pas prendre

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 soumission pour de courtes citations en ligne

Développeurs, développeurs, développeurs, développeurs... -Steve Ballmer

Strike Tag (obsolète dans HTML5) et S Tag

Cette balise affiche un texte barré.

Petit Tag

Cette balise affiche un texte plus petit.

Étiquette forte

Cette balise affiche du texte en gras.

Étiquette de l'indice

Le H2O, qui devrait pousser le "2" vers le bas, nous permet de poursuivre notre style scientifique.

Étiquette en exposant

Toujours fidèle à la science et au E = MC2 d'Albert Einstein, qui devrait soulever le 2 vers le haut.

Teletype Tag (obsolète en HTML5)

Cette balise rarement utilisée émule le texte télétype, qui est généralement stylisé comme la balise <code> tag.

Étiquette soulignée obsolète dans HTML 4, réintroduit dans HTML5 avec d'autres sémantiques

Cette balise affiche du texte souligné.

Étiquette de variable

Ceci vous permet d'indiquer des variables.

Alarme d'image

Image d'alignement central

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

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

Alignement à gauche Image

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec posuere augue quam. Proin ligula 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 at 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. In sed nibh arcu. Mauris in orci a neque posuere fermentum. Aliquam eu accumsan nulla. Phasellus tincidunt tristique 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 tristique arcu sed tempus. Praesent id Quisque interdum luctus est, ut consequat felis. Sed sagittis ipsum scelerisque, dictum nibh id, posuere augue. Integer facilisisis aliquet elit, a egestas quam quam cursus quis. In mattis volutpat arcu. Vestibulum blandit purus sed nisi elementum.

Alignement à droite Image

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec posuere augue quam. Proin ligula 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 at 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. In sed nibh arcu. Mauris in orci a neque posuere fermentum. Aliquam eu accumsan nulla. Phasellus tincidunt tristique 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 tristique arcu sed tempus. Praesent id Quisque interdum luctus est, ut consequat felis. Sed sagittis ipsum scelerisque, dictum nibh id, posuere augue. Integer facilisisis aliquet elit, a egestas quam quam cursus quis. In mattis volutpat arcu. Vestibulum blandit purus sed nisi elementum.

Image 150 × 150, qui est alignée à gauche

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec posuere augue quam. Proin ligula 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 at 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. In sed nibh arcu. Mauris in orci a neque posuere fermentum. Aliquam eu accumsan nulla. Phasellus tincidunt tristique 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 tristique arcu sed tempus. Praesent id Quisque interdum luctus est, ut consequat felis. Sed sagittis ipsum scelerisque, dictum nibh id, posuere augue. Integer facilisisis aliquet elit, a egestas quam quam cursus quis. In 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 ligula, rutrum ut consectetur id, tincidunt sit amet ipsum.

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