Typographie

Ce dernier n'a pas plus d'un pied de haut et environ sept pas de large, simple sommet plat d'un rocher gris qui fume comme une cendre brûlante après une averse, et où aucun homme ne voudrait risquer une semelle nue avant le coucher du soleil. Sur la Petite Isabelle, un vieux palmier déguenillé, au tronc épais, bombé et rugueux d'épines, très sorcier parmi les palmiers, bruisse un triste 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, simple sommet plat d'un rocher gris qui fume comme une cendre brûlante après une averse, et où aucun homme ne voudrait risquer une semelle nue avant le coucher du soleil. Sur la Petite Isabelle, un vieux palmier déguenillé, au tronc épais, bombé et rugueux d'épines, très sorcier parmi les palmiers, bruisse un triste 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, simple sommet plat d'un rocher gris qui fume comme une cendre brûlante après une averse, et où aucun homme ne voudrait risquer une semelle nue avant le coucher du soleil. Sur la Petite Isabelle, un vieux palmier déguenillé, au tronc épais, bombé et rugueux d'épines, très sorcier parmi les palmiers, bruisse un triste 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, simple sommet plat d'un rocher gris qui fume comme une cendre brûlante après une averse, et où aucun homme ne voudrait risquer une semelle nue avant le coucher du soleil. Sur la Petite Isabelle, un vieux palmier déguenillé, au tronc épais, bombé et rugueux d'épines, très sorcier parmi les palmiers, bruisse un triste bouquet de feuilles mortes au-dessus du sable grossier.

Titre 4 (H4)

Ce dernier n'a pas plus d'un pied de haut et environ sept pas de large, simple sommet plat d'un rocher gris qui fume comme une cendre brûlante après une averse, et où aucun homme ne voudrait risquer une semelle nue avant le coucher du soleil. Sur la Petite Isabelle, un vieux palmier déguenillé, au tronc épais, bombé et rugueux d'épines, très sorcier parmi les palmiers, bruisse un triste 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, simple sommet plat d'un rocher gris qui fume comme une cendre brûlante après une averse, et où aucun homme ne voudrait risquer une semelle nue avant le coucher du soleil. Sur la Petite Isabelle, un vieux palmier déguenillé, au tronc épais, bombé et rugueux d'épines, très sorcier parmi les palmiers, bruisse un triste bouquet 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, simple sommet plat d'un rocher gris qui fume comme une cendre brûlante après une averse, et où aucun homme ne voudrait risquer une semelle nue avant le coucher du soleil. Sur la Petite Isabelle, un vieux palmier déguenillé, au tronc épais, bombé et rugueux d'épines, très sorcier parmi les palmiers, bruisse un triste bouquet de feuilles mortes au-dessus du sable grossier.

Citations

Citation sur une seule ligne :

Rester affamé. Restez stupide.

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

Le HTML

Élément (ou Élément de citation de bloc HTML) indique que le texte ci-joint est une citation étendue. Habituellement, ceci est rendu visuellement par indentation (voir Remarques pour savoir comment le changer). Une URL pour la source de la citation peut être indiquée en utilisant le citer attribut, tandis qu'une représentation textuelle de la source peut être donnée en utilisant l'attribut élément.

plusieurs contributeurs – Référence de l'élément HTML MDN – blockquote

les tables

Employé Salaire
John Doe $1 Parce que c'est tout ce dont Steve Jobs avait besoin pour gagner un salaire.
Jane Doe $100K Pour tous les blogs qu’elle fait.
Fred Blogs $100M Les images valent mille mots, n’est-ce pas ? Donc Jane x 1 000.
Jane Blogs $100B Avec des cheveux comme ça ?! Assez dit…

Listes de définitions

Titre de la liste de définitions
Division de la liste de définitions.
Démarrer
Une entreprise en démarrage ou une startup est une entreprise ou une organisation temporaire conçue pour rechercher un modèle commercial reproductible et évolutif.
#fairetravailler
Inventé par Rob Dyrdek et son garde du corps personnel Christopher « Big Black » Boykins, « Do Work » fonctionne comme un moyen de motivation personnelle pour motiver vos amis.
Faites-le en direct
Je vais laisser Bill O'Reilly le faire expliquer celui-ci.

Listes non ordonnées (imbriquées)

  • Élément de liste 1
    • Élément de liste 1
      • Élément de liste 1
      • Énumérez le deuxième élément
      • Énumérez le troisième élément
      • Énumérez le quatrième élément
    • Énumérez le deuxième élément
    • Énumérez le troisième élément
    • Énumérez le quatrième élément
  • Énumérez le deuxième élément
  • Énumérez le troisième élément
  • Énumérez le quatrième élément

Liste ordonnée (imbriquée)

  1. Élément de liste un - commencer à 8 heures
    1. Élément de liste 1
      1. Élément de liste un - attribut inversé
      2. Énumérez le deuxième élément
      3. Énumérez le troisième élément
      4. Énumérez le quatrième élément
    2. Énumérez le deuxième élément
    3. Énumérez le troisième élément
    4. Énumérez le quatrième élément
  2. Énumérez le deuxième élément
  3. Énumérez le troisième élément
  4. Énumérez le quatrième élément

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 (alias. Lien)

Ceci est un exemple de lien.

Étiquette d’abréviation

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

Balise d'acronyme (obsolète en HTML5)

L'acronyme ftw signifie « pour la victoire ».

Grande étiquette (obsolète en HTML5)

Ces tests sont un grand deal, mais cette balise n'est plus prise en charge en HTML5.

Citer la balise

« Le code est poésie. » —Automatique

Balise de code

Cette balise stylise les blocs de code.
.titre de l'article {
marge : 0 0 5px ;
poids de la police : gras ;
taille de police : 38 px ;
hauteur de ligne : 1,2 ;
et voici une ligne d'un texte vraiment, vraiment, vraiment, très long, juste pour voir comment c'est traité et découvrir comment ça déborde ;
}

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

Supprimer la balise

Cette balise vous permettra barrer le texte, mais cette balise est recommandé pris en charge en HTML5 (utilisez le plutôt).

Mettre l'accent sur la balise

La balise de mise en valeur doit mettre en italique texte.

Balise de règle horizontale


Cette phrase fait suite à un <hr /> étiqueter.

Insérer une balise

Cette balise doit désigner inséré texte.

Balise de clavier

Cette balise à peine connue émule texte du clavier, qui s'appelle généralement comme le étiqueter.

Balise préformatée

Cette balise sert à préserver les espaces tels que saisis, 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 voyager toutes les deux (_/) Et être un seul voyageur, je suis resté longtemps debout (='.'=) Et j'ai regardé l'une aussi loin que je pouvais (")_(") Là où il se courbait dans les sous-bois ; Puis il prit l'autre, tout aussi juste, et ayant peut-être la meilleure prétention, |_/| Parce que c'était herbeux et qu'il manquait d'usure ; / @ @ Mais quant à cela, le passage là-bas ( > º < ) les avait portés vraiment à peu près de la même manière, `>>x<<´ / O Et tous 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 chemin, je doutais de pouvoir un jour revenir. Je raconterai cela avec un soupir Quelque part dans des siècles et des siècles : Deux chemins se sont séparés dans un bois, et j'ai... 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, très long, juste pour voir comment c'est traité et découvrir comment ça déborde ;

Balise de citation pour des citations courtes en ligne

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

Étiquette de frappe (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 le 2.

Étiquette de télétype (obsolète en HTML5)

Cette balise rarement utilisée émule texte télétype, qui s'appelle généralement comme le étiqueter.

Souligner la balise 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.

Éclairage de l'image

Image d'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 à scelerisque est.

Quisque in justo ultrices, efficitur lorem quis, pharetra mauris. Vestibulum ante ipsum primis chez faucibus orci luctus et ultrices posuere cubilia. Nunc ultricies nisl sollicitudin, maximus lacus bibendum, pharetra eros. En 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 sempre. 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 chez faucibus orci luctus et ultrices posuere cubilia. Nunc ultricies nisl sollicitudin, maximus lacus bibendum, pharetra eros. En 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 sempre. 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 chez faucibus orci luctus et ultrices posuere cubilia. Nunc ultricies nisl sollicitudin, maximus lacus bibendum, pharetra eros. En 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 sempre. 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.

cours de surf

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