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ù aucun homme ne se risquerait à poser une semelle nue avant le coucher du soleil. Sur la Petite Isabel, un vieux palmier en haillons, au tronc épais et bosselé, hérissé d'épines, une véritable sorcière parmi les palmiers, fait bruire un lugubre bouquet 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 risquerait à poser une semelle nue avant le coucher du soleil. Sur la Petite Isabel, un vieux palmier en haillons, au tronc épais et bosselé, hérissé d'épines, une véritable sorcière parmi les palmiers, fait bruire un lugubre bouquet 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 risquerait à poser une semelle nue avant le coucher du soleil. Sur la Petite Isabel, un vieux palmier en haillons, au tronc épais et bosselé, hérissé d'épines, une véritable sorcière parmi les palmiers, fait bruire un lugubre bouquet de feuilles mortes au-dessus du 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ù aucun homme ne se risquerait à poser une semelle nue avant le coucher du soleil. Sur la Petite Isabel, un vieux palmier en haillons, au tronc épais et bosselé, hérissé d'épines, une véritable sorcière parmi les palmiers, fait bruire un lugubre bouquet 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 risquerait à poser une semelle nue avant le coucher du soleil. Sur la Petite Isabel, un vieux palmier en haillons, au tronc épais et bosselé, hérissé d'épines, une véritable sorcière parmi les palmiers, fait bruire un lugubre bouquet 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 risquerait à poser une semelle nue avant le coucher du soleil. Sur la Petite Isabel, un vieux palmier en haillons, au tronc épais et bosselé, hérissé d'épines, une véritable sorcière parmi les palmiers, fait bruire un lugubre bouquet de feuilles mortes au-dessus du sable grossier.

Intitulé 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 risquerait à poser une semelle nue avant le coucher du soleil. Sur la Petite Isabel, un vieux palmier en haillons, au tronc épais et bosselé, hérissé d'épines, une véritable sorcière parmi les palmiers, fait bruire un lugubre bouquet de feuilles mortes au-dessus du sable grossier.

Citations en bloc

Citation en bloc d'une seule ligne :

Reste affamé. Reste stupide.

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

Le site HTML

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

contributeurs multiples - référence MDN de l'élément HTML - blockquote

Tableaux

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

Listes de définitions

Titre de la liste de définition Division de la liste des définitions. Startup Une startup ou entreprise en démarrage est une entreprise ou une organisation temporaire conçue pour rechercher un modèle économique reproductible et évolutif. #dowork Inventé par Rob Dyrdek et son garde du corps personnel Christopher "Big Black" Boykins, "Do Work" fonctionne comme une motivation personnelle, pour motiver vos amis. Do It Live Je laisserai Bill O'Reilly le faire expliquer celui-là.

Listes non ordonnées (imbriquées)

  • Élément de la liste 1
    • Élément de la liste 1
      • Élément de la liste 1
      • Deuxième élément de la liste
      • Troisième élément de la liste
      • Point 4 de la liste
    • Deuxième élément de la liste
    • Troisième élément de la liste
    • Point 4 de la liste
  • Deuxième élément de la liste
  • Troisième élément de la liste
  • Point 4 de la liste

Liste ordonnée (imbriquée)

  1. Élément de la liste 1 - commencer à 8
    1. Élément de la liste 1
      1. Élément de liste un - attribut inversé
      2. Deuxième élément de la liste
      3. Troisième élément de la liste
      4. Point 4 de la liste
    2. Deuxième élément de la liste
    3. Troisième élément de la liste
    4. Point 4 de la liste
  2. Deuxième élément de la liste
  3. Troisième élément de la liste
  4. Point 4 de la liste

Balises HTML

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

Étiquette d'adresse 1 Boucle infinie
Cupertino, CA 95014
États-Unis

Balise d'ancrage (alias lien)

Il s'agit d'un exemple de lien.

Abréviation Tag

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

Tag Acronyme (déprécié en HTML5)

L'acronyme ftw signifie "for the win" (pour la victoire).

Big Tag (déprécié en HTML5)

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

Cite Tag

"Le code est de la poésie." -Automattique

Code Tag

Cette balise permet de styliser des blocs de code.
.post-title {
margin : 0 0 5px ;
font-weight : bold ;
taille de la police : 38px ;
hauteur de ligne : 1,2 ;
et voici une ligne d'un texte vraiment, vraiment, vraiment, vraiment long, juste pour voir comment il est traité et pour découvrir comment il déborde ;
}

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

Supprimer l'étiquette

Cette balise vous permettra biffer le textemais cette étiquette est recommandé pris en charge en HTML5 (utilisez l'option à la place).

Souligner l'étiquette

La balise emphasize doit mettre en italique texte.

Étiquette de règle horizontale


Cette phrase fait suite à une <hr /> étiquette.

Insérer l'étiquette

Cette étiquette devrait indiquer inséré texte.

Balise clavier

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

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

Le chemin non emprunté

Robert Frost


  Deux routes divergeaient dans un bois jaune,
  Et désolé de ne pas pouvoir voyager sur les deux (_/)
  Et être un voyageur, je suis resté longtemps debout (='.'=)
  Et j'ai regardé l'une d'elles aussi loin que je pouvais (")_(")
  jusqu'à l'endroit où elle se plie dans le sous-bois ;

  Puis j'ai pris l'autre, comme tout aussi juste,
  et ayant peut-être les meilleures prétentions.
  Parce qu'elle était herbeuse et qu'elle avait besoin d'être usée.
  Bien que pour ce qui est de ce passage ( > º >x<<''
                                               / O
  Et les deux, ce matin-là, reposaient également
  Dans des feuilles qu'aucun pas n'avait foulées.
  Oh, j'ai gardé le premier pour un autre jour !
  Mais sachant comment le chemin mène au chemin,
  je me demandais si je devais revenir un jour.

  Je raconterai cela avec un soupir
  quelque part dans des siècles et des siècles :
  Deux routes divergent dans un bois, et je...
  J'ai pris celui qui était le moins fréquenté,
  Et cela a fait toute la différence.


  et voici une ligne d'un texte vraiment, vraiment, vraiment, vraiment long, juste pour voir comment il est traité et pour découvrir comment il déborde ;

Étiquette de citation pour les guillemets courts, en ligne

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

Strike Tag (déprécié en HTML5) et S Tag

Cette balise montre le texte barré.

Petite étiquette

Cette balise affiche un texte plus petit.

Strong Tag

Cette étiquette montre texte en gras.

Balise d'indice

Se mettre à l'heure de la science avec H2O, ce qui devrait pousser le "2" vers le bas.

Tag Superscript

Je m'en tiens toujours à la science et à la formule E = MC d'Albert Einstein.2ce qui devrait soulever les 2.

Télétype 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 étiquette.

Tag de soulignement déprécié en HTML 4, réintroduit en HTML5 avec d'autres sémantiques

Cette balise affiche le texte souligné.

Étiquette variable

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. 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.

Image 150 × 150, 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.

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.