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 – Référence d'élément HTML MDN – blockquote

les tables

Employé Un salaire
Jean Doe $1 Parce que c'est tout ce dont Steve Jobs avait besoin pour un salaire.
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 Avec des cheveux comme ça ?! Assez dit…

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
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.
Faites-le en direct
Je laisserai Bill O'Reilly le faire 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 signifie "sérieusement".

Balise d'acronyme (obsolète en HTML5)

L'acronyme ftw signifie "pour la victoire".

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

"Le code est de la poésie." —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


  Deux routes divergeaient dans un bois jaune, Et désolé je ne pouvais pas voyager les deux (_/) Et être un seul voyageur, longtemps je suis resté (='.'=) Et j'en ai regardé une aussi loin que je pouvais ("")_(") Jusqu'à l'endroit où il se penchait dans les sous-bois ; Puis prit l'autre, tout aussi juste, Et ayant peut-être le meilleur droit, |_/| Parce que c'était herbeux et qu'il fallait porter; / @ @ Quoique quant à cela le passage là ( > º < ) Les avait portés vraiment à peu près pareils, `>>x<<´ / O Et les deux ce matin-là gisaient également Dans les feuilles aucun pas n'avait foulé le noir. Oh, j'ai gardé le premier pour un autre jour ! Pourtant, sachant comment un chemin mène à un autre, je doutais de revenir un jour. Je dirai cela avec un soupir Quelque part dans des siècles et des siècles : Deux routes ont divergé dans un bois, et je... j'ai pris la moins fréquentée, Et cela a fait toute la différence. 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;

Étiquette de citation pour les citations courtes et en ligne

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

É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, ce qui devrait pousser le "2" vers le bas.

Balise en exposant

Toujours fidèle à la science et au E = MC d'Albert Einstein2, 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.

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