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ù aucun homme ne se soucierait de risquer une semelle nue avant le coucher du soleil. Sur la Petite Isabel, un vieux palmier déchiqueté, au tronc épais et bombé et rugueux d’épines, très sorcière parmi les palmiers, bruisse un tas lugubre de feuilles mortes au-dessus du 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ù aucun homme ne se soucierait de risquer une semelle nue avant le coucher du soleil. Sur la Petite Isabel, un vieux palmier déchiqueté, au tronc épais et bombé et rugueux d’épines, très sorcière parmi les palmiers, bruisse un tas lugubre de feuilles mortes au-dessus du 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ù aucun homme ne se soucierait de risquer une semelle nue avant le coucher du soleil. Sur la Petite Isabel, un vieux palmier déchiqueté, au tronc épais et bombé et rugueux d’épines, très sorcière parmi les palmiers, bruisse un tas lugubre de feuilles mortes au-dessus du sable grossier.

Titre 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ù aucun homme ne se soucierait de risquer une semelle nue avant le coucher du soleil. Sur la Petite Isabel, un vieux palmier déchiqueté, au tronc épais et bombé et rugueux d’épines, très sorcière parmi les palmiers, bruisse un tas lugubre de feuilles mortes au-dessus du 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ù aucun homme ne se soucierait de risquer une semelle nue avant le coucher du soleil. Sur la Petite Isabel, un vieux palmier déchiqueté, au tronc épais et bombé et rugueux d’épines, très sorcière parmi les palmiers, bruisse un tas lugubre de feuilles mortes au-dessus du 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ù aucun homme ne se soucierait de risquer une semelle nue avant le coucher du soleil. Sur la Petite Isabel, un vieux palmier déchiqueté, au tronc épais et bombé et rugueux d’épines, très sorcière parmi les palmiers, bruisse un tas lugubre de feuilles mortes au-dessus du 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ù aucun homme ne se soucierait de risquer une semelle nue avant le coucher du soleil. Sur la Petite Isabel, un vieux palmier déchiqueté, au tronc épais et bombé et rugueux d’épines, très sorcière parmi les palmiers, bruisse un tas lugubre de feuilles mortes au-dessus du sable grossier.

Citations en bloc

Bloc de citation sur une seule ligne :

Restez affamé. Restez stupide.

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

L’élément HTML <blockquote> (ou élément de citation de bloc HTML) indique que le texte joint est une citation étendue. Habituellement, cela est rendu visuellement par indentation (voir Notes pour savoir comment le changer). Une URL pour la source de la citation peut être donnée à l’aide de l’attribut cite, 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 de l’élément HTML MDN – blockquote

Tables

John Doe	1 $	Parce que c’est tout ce dont Steve Jobs avait besoin pour un salaire.
Jane Doe	100 000 $	Pour tous les blogs qu’elle fait.
Fred Bloggs	100 M$	Les images valent mille mots, n’est-ce pas ? Seulement Jane x 1 000.
Jane Bloggs	100 milliards de dollars	Avec des cheveux comme ça ?! Assez dit…

Listes de définitions

Définition Liste Titre Définition liste division. Startup Une startup ou startup est une entreprise ou une organisation temporaire conçue pour rechercher un modèle d’affaires reproductible et évolutif. #dowork Inventé par Rob Dyrdek et son garde du corps personnel Christopher « Big Black » Boykins, « Do Work » fonctionne comme un auto-motivateur, pour motiver vos amis. Do It Live, je laisse Bill O’Reilly vous expliquer .

Listes non ordonnées (imbriquées)

• Élément de liste un
  • Élément de liste un
    • Élément de liste un
    • Deuxième élément de la liste
    • Troisième élément de la liste
    • Quatrième élément de la liste
  • Deuxième élément de la liste
  • Troisième élément de la liste
  • Quatrième élément de la liste
• Deuxième élément de la liste
• Troisième élément de la liste
• Quatrième élément de la liste

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 -reversed attribut
      2. Deuxième élément de la liste
      3. Troisième élément de la liste
      4. Quatrième élément de la liste
   2. Deuxième élément de la liste
   3. Troisième élément de la liste
   4. Quatrième élément de la liste
2. Deuxième élément de la liste
3. Troisième élément de la liste
4. Quatrième élément de la liste

Balises HTML

Ces balises prises en charge proviennent de la FAQ sur le code WordPress.com.

Étiquette d’adresse 1 boucle infinie
Cupertino, Californie 95014
États-Unis

Balise d’ancrage (aka. Lien)

Ceci est un exemple de lien.

Abréviation Tag

L’abréviation signifie «  sérieusement ».

Balise Acronym (obsolète en HTML5)

L’acronyme ftw signifie « for the win ».

Big Tag (obsolète en HTML5)

Ces tests sont un gros problème, mais cette balise n’est plus prise en charge dans HTML5.

Citer la balise

« Le code, c’est de la poésie. » –Automattic

Balise de code

Cette balise stylise 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 retour à la ligne : break-word ; sera votre meilleur ami.

Supprimer la balise

Cette balise vous permettra de barrer du texte, mais il est recommandé de la prendre en charge en HTML5 (utilisez plutôt la <s> balise).

Mettre l’accent sur la balise

La balise d’accentuation doit mettre le texte en italique.

Balise de règle horizontale

---

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

Insérer une balise

Cette balise doit indiquer le texte inséré .

Balise clavier

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

Balise préformatée

Cette balise permet de conserver les espaces tels qu’ils ont été saisis, par exemple dans la poésie ou l’art ASCII.

La route non empruntée

Robert Frost Deux routes divergeaient dans un bois jaune, Et désolé de ne pas pouvoir voyager les deux (_/) Et être un seul voyageur, longtemps je suis resté (='.' =) Et j’ai regardé l’un d’eux aussi loin que je le pouvais (« )_(« ) Jusqu’à l’endroit où il s’est penché dans les broussailles ; Puis prit l’autre, tout aussi juste, et ayant peut-être le meilleur droit, |_/| Parce qu’il était herbeux et qu’il voulait être porté ; /@ @ Bien que pour ce qui est de cela, le passage là (> > x

Quote Tag pour des citations courtes et en ligne

Développeurs, développeurs, développeurs… –Steve Ballmer

Balise Strike (obsolète en HTML5) et balise S

Cette balise affiche du texte barré.

Petite étiquette

Cette balise affiche un texte plus petit.

Balise forte

Cette balise affiche du texte en gras.

Balise d’indice

Obtenir notre style scientifique avec H₂O, ce qui devrait pousser le « 2 » vers le bas.

Balise exposant

Toujours en s’en tenant à la science et au E = MC² d’Albert Einstein, ce qui devrait élever le 2.

Balise Teletype (obsolète en HTML5)

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

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

Cette balise affiche le texte souligné.

Balise de variable

Cela vous permet de désigner des variables.

Éclairage de l’image

Image de l’alignement central

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 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 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. In 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 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 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. In mattis volutpat arcu. Vestibulum blandit purus sed nisi elementum.

150 × 150 image, qui est alignée à 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 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 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. In mattis volutpat arcu. Vestibulum blandit purus sed nisi elementum.

Agrandir l’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.