Guide de style

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, très sorcier parmi les palmiers, fait bruisser un lugubre bouquet de feuilles mortes au-dessus du sable grossier.

En-tête un

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.

En-tête deux

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.

En-tête trois

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.

En-tête quatre

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.

En-tête cinq

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.

En-tête six

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.

Blockquotes

Blockquote d’une seule ligne :

Restez sur votre faim. Restez stupide.

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

Les gens pensent que se concentrer signifie dire oui à la chose sur laquelle on doit se concentrer. Mais ce n’est pas du tout ce que cela signifie. Cela signifie qu’il faut dire non à la centaine d’autres bonnes idées qui existent. Il faut choisir avec soin. En fait, je suis aussi fier des choses que nous n’avons pas faites que de celles que j’ai faites. L’innovation consiste à dire non à 1 000 choses.

Steve Jobs – Conférence mondiale des développeurs d’Apple, 1997

Tableaux

Employé Salaire
Jane $1 Parce que c’est tout ce dont Steve Job avait besoin pour son salaire.
Jean $100K Pour tous les blogs qu’il tient.
Jane $100M Les images valent mille mots, n’est-ce pas ? Donc Tom x 1 000.
Jane $100B Avec des cheveux comme ça ?! C’est assez dire…

Listes de définitions

Définition Liste Titre
Définition de la liste des divisions.
Démarrage
Une startup est une entreprise ou une organisation temporaire conçue pour rechercher un modèle d’entreprise reproductible et évolutif.
#dowork
Inventé par Rob Dyrdek et son garde du corps personnel Christopher « Big Black » Boykins, « Do Work » est un moyen de se motiver soi-même et de motiver ses amis.
Le faire en direct
Je laisserai à Bill O’Reilly le soin de l’expliquer.

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)

  1. Énumérer le premier élément
    1. Énumérer le premier élément
      1. Énumérer le premier élément
      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
  2. Deuxième point de la liste
  3. Troisième point de la liste
  4. Quatrième point de la liste

Tags HTML

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

Étiquette d’adresse

1 Infinite Loop
Cupertino, CA 95014
United States

Balise d’ancrage (alias lien)

Il s’agit d’un exemple de lien.

Abréviation Tag

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

Acronyme Tag

L’acronyme ftw signifie « for the win » (pour la victoire).

Grandes étiquettes

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

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

Supprimer l’étiquette

Cette balise vous permet de rayer du texte, mais elle n’est plus prise en charge dans HTML5 (utilisez plutôt <strike> ).

Mettre l’accent sur l’étiquette

La balise emphasize doit mettre le texte en italique.

Insérer une étiquette

Cette balise doit indiquer le texte inséré.

É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 styliser de grands blocs de code.

.post-title {
	margin: 0 0 5px;
	font-weight: bold;
	font-size: 38px;
	line-height: 1.2;
}

Citation Tag

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

Étiquette forte

Cette balise affiche le texte en gras.

Étiquette d’indice

La science se met au stylisme avecH2O, ce qui devrait faire baisser le « 2 ».

Étiquette Superscript

Je m’en tiens toujours à la science et à la formule E = MC2 d’Isaac Newton, qui devrait faire monter les 2.

Étiquette télétype

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

Variable Tag

Cela vous permet de désigner des variables.

 

En ce qui concerne l’alignement, il convient de noter que les utilisateurs peuvent choisir parmi les options suivantes : Aucun, Gauche, Droite et Centre. En outre, ils peuvent choisir entre les options suivantes : miniature, moyenne, grande et pleine taille.

L’image ci-dessus est
centrée
.

Le reste de ce paragraphe n’est qu’un remplissage qui permet de voir le texte s’enrouler autour de l’image 150×150, qui est
alignée à gauche
.

Comme vous pouvez le voir, il doit y avoir de l’espace au-dessus, au-dessous et à droite de l’image. Le texte ne doit pas se superposer à l’image. La reptation n’est tout simplement pas une bonne chose. Les images ont également besoin d’espace pour respirer. Laissez-les parler comme vous parlez. Laissez-les faire leur travail sans que le texte ne les dérange. Dans une phrase supplémentaire, nous verrons que le texte se déplace de la droite de l’image vers le bas de l’image dans une transition transparente. Encore une fois, il faut laisser faire les choses. Mission accomplie !

Et maintenant, une
très grande image
. Il n’a pas non plus
aucun alignement
.

L’image ci-dessus, bien que large de 1200 px, ne doit pas déborder de la zone de contenu. Il doit rester contenu sans perturber visiblement le flux de contenu.

Et maintenant, nous allons passer à l’alignement à droite.
vers la droite
. Là encore, il doit y avoir suffisamment d’espace au-dessus, au-dessous et à gauche de l’image. Il suffit de le regarder… Hey guy ! Il y a de quoi faire avec le côté droit. Je me fiche de ce que dit l’image alignée à gauche, vous avez l’air en pleine forme. Ne laissez personne vous dire le contraire.

Dans quelques instants, vous devriez voir le texte commencer à s’enrouler sous l’image alignée à droite et à s’y intégrer. Il devrait y avoir encore beaucoup de place et tout devrait être bien en place. Oui… C’est comme ça. Il n’a jamais été aussi bon d’avoir raison.

Et alors que vous pensiez que nous avions terminé, nous allons les refaire avec des légendes !

Légende avec le lien

L’image ci-dessus est
centrée
. La légende contient également un lien, juste pour voir s’il fait quelque chose de bizarre.