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 n’oserait aventurer une semelle nue avant le coucher du soleil. Sur le Little Isabel, un vieux palmier déchiqueté, au tronc épais et renflé, hérissé d’épines, une véritable sorcière parmi les palmiers, fait bruisser un lugubre bouquet de feuilles mortes au-dessus du sable grossier.

Rubrique 1 (H1)

Rubrique 2 (H2)

Rubrique 3 (H3)

Rubrique 4 (H4)

Rubrique 5 (H5)

Rubrique 6 (H6)

Blockquotes

Citation en bloc d’une seule ligne :

Restez affamés. Restez stupide.

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

L’élément HTML <blockquote> (ou élément HTML Block Quotation) indique que le texte inclus est une citation étendue. Habituellement, cela se traduit visuellement par une indentation (voir les notes pour savoir comment la modifier). L’URL de la source de la citation peut être indiqué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 – MDN Référence de l’élément HTML – blockquote

Tableaux

Jean Dupont	$1	Parce que c’est tout ce dont Steve Jobs avait besoin pour son salaire.
Jane Doe	$100K	Pour tout le travail de blog qu’elle accomplit.
Fred Bloggs	$100M	Les images valent mille mots, n’est-ce pas ? Donc Jane x 1 000.
Jane Bloggs	$100B	Avec des cheveux comme ça ?! Assez parlé…

Listes de définitions

Liste de définitions Titre Division de la liste de définitions. Startup Une startup est une entreprise ou une organisation temporaire conçue pour rechercher un modèle commercial 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 vais laisser Bill O’Reilly expliquer celui-ci.

Listes non ordonnées (imbriquées)

Énumérer le premier élément
- Énumérer le premier élément
  - Énumérer le premier élément
  - Deuxième point de la liste
  - Troisième point de la liste
  - Quatrième point de la liste
- Deuxième point de la liste
- Troisième point de la liste
- Quatrième point de la liste
Deuxième point de la liste
Troisième point de la liste
Quatrième point de la liste

Liste ordonnée (imbriquée)

Énumérer le premier point – commencer à 8
1. Énumérer le premier élément
  1. Premier élément de la liste – attribut inversé
  2. Deuxième point de la liste
  3. Troisième point de la liste
  4. Quatrième point de la liste
2. Deuxième point de la liste
3. Troisième point de la liste
4. Quatrième point de la liste
Deuxième point de la liste
Troisième point de la liste
Quatrième point de la liste

Tags HTML

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

Adresse Tag 1 Infinite Loop
Cupertino, CA 95014
United States

Balise d’ancrage (alias lien)

Voici un exemple de lien.

Abréviation Tag

L’abréviation srsly signifie “sérieusement”.

Étiquette d’acronyme(obsolète en HTML5)

L’acronyme ftw signifie “for the win” (pour la victoire).

Big Tag(obsolète en HTML5)

Ces tests sont importants, mais cette balise n’est plus prise en charge par HTML5.

Citer l’étiquette

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

Code Tag

Cette balise permet de styliser les 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 la balise word-wrap : break-word;sera votre meilleure amie.

Supprimer l’étiquette

Cette balise vous permet de ~~barrer du texte~~, mais elle est recommandée en HTML5 (utilisez plutôt <s> ).

Mettre l’accent sur l’étiquette

La balise emphasize doit mettre le texte en italique.

Règle horizontale Étiquette

Cette phrase suit une balise <hr />.

Insérer une étiquette

Cette balise doit signaler l’insertion d’un texte.

Étiquette du clavier

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

Étiquette préformatée

Cette balise permet de préserver les espaces blancs tels qu’ils sont tapés, comme 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 les emprunter toutes les deux (_/)
 Et d'être un seul voyageur, je suis resté longtemps debout (='.'=)
 Et j'ai regardé l'une aussi loin que je pouvais (")_(")
 Jusqu'à l'endroit où elle se courbait dans le sous-bois ;

 Puis j'ai pris l'autre, tout aussi juste,
 Et ayant peut-être le meilleur droit, |_/|
 Parce qu'elle était herbeuse et avait besoin d'être usée ; / @ @
 Bien que, pour ce qui est de cela, le passage là-bas ( > º < )
 Les avait usés à peu près de la même façon, `>>x

Étiquette de citation 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 un texte barré.

Petite étiquette

Cette balise affiche un texte plus petit.

Étiquette forte

Cette balise affiche le texte en gras.

Étiquette d’indice

La science se met au stylisme avec_H2O, ce qui devrait faire baisser le “2”.

Étiquette Superscript

Je m’en tiens toujours à la science et à l’équation E = ^MC2 d’Albert Einstein, qui devrait faire remonter les 2.

Balise Teletype (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>.

Balise de soulignement dépréciée en HTML 4, réintroduite en HTML5 avec d’autres sémantiques

Cette balise affiche le texte souligné.

Variable Tag

Cela vous permet de désigner des variables.

Image Alightment

Image d’alignement du 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 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. Le texte de l’article est en anglais, mais il est en français. Praesent id lorem nec turpis porttitor semper. Quisque nec ligula erat. Pellentesque eu gravida lacus.

Aliquam eu accumsan nulla. Les mots de la fin de l’année ont été utilisés pour décrire l’état de santé de la population. 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

Image 150 × 150, alignée à gauche

Grande image