Charte typo

Webmestre — 2007-06-30T22:00:00Z

Cette page présente un échantillon des enrichissements typographiques possibles sur ce site. Leur habillage est réalisé par le webmestre, en CSS, via des feuilles de style externes. Ce paragraphe constitue donc le chapeau.

Paragraphes

Premier paragraphe. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam.
Ici, retour à la ligne, généré par le raccourci SPIP « _ ». Espace insécable.

Second paragraphe. Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat. Duis semper. Duis arcu massa, scelerisque vitae, consequat in, pretium a, enim. Pellentesque congue.

Troisième paragraphe, précédé d'une ligne horizontale de séparation, générée par le raccourci SPIP « ---- ». Praesent egestas leo in pede. Praesent blandit odio eu enim. Pellentesque sed dui ut augue blandit sodales.

Un intertitre normal

Voici du texte en italique et du texte en gras.
Voici un ~~texte supprimé~~ et le texte inséré en correction.
Une définition de terme avec la balise .
Un sigle, par exemple World Wide Web Consortium lang=en>W3C, est lu lettre par lettre, tandis que Système de Publication pour Internet>SPIP est un acronyme puisqu'il forme un mot qui est lu normalement.

ltr>Texte de gauche à droite et rtl>Texte de droite à gauche avec .
Mise en exposant ² et mise en indice : H₂O.
Et voici une note de bas de page [1].

– Ici, exemple de raccourci SPIP « - ». Attention, leur succession ne constitue pas une liste ! Pour les listes, voir ci-dessous.

— Un tiret long, généré par le raccourci SPIP « -- », utile pour les dialogues.

Hyperliens

SPIP distingue les liens internes des liens externes dont URLs directes : http://www.spip.net, et lien généré par le raccourci [->site2] : site 2.
Mieux vaut spécifier la langue de destination, par exemple : Bonne pratique Opquast N°129.
Lien vers une définition du glossaire prédéfini : Wikipédia
Lien vers un document, avec le raccourci [->doc3] : Titre du document
Lien vers un auteur, avec le raccourci [->auteur1] : Webmestre
Courriel : adresse@courriel.net
Une ancre vers les citations : #citations

Listes

Liste non ordonnée (ul), générée avec le raccourci SPIP « -* » :

Élément de liste non numérotée
Élément de liste non numérotée
Élément de liste non numérotée
- Plantes
  - Ficus
  - Olivier
- Animaux de compagnie
  - Chat
  - Chien

Et une liste numérotée (ol), générée avec le raccourci SPIP « -# » :

Voici ma main : elle a cinq doigts. En voici deux, en voici trois.
Le premier, ce gros bonhomme, C'est le pouce qu'il se nomme.
L'index qui montre le chemin, Est le second doigt de la main.
Entre l'index et l'annulaire, Le majeur paraît un grand frère.
L'annulaire porte l'anneau, Avec sa bague, il fait le beau.
Le tout petit auriculaire Marche à côté de l'annulaire.

Regardez mes doigts travailler. Chacun fait son petit métier.

N'oublions pas les listes de définition, générées avec les balises HTML

,
:

spip>

polatouche (n.m.)

Mammifère rongeur omnivore méconnu d'Eurasie ou d'Amérique du Nord, dit « écureuil volant » car il est capable de planer en ligne droite d'un arbre à l'autre grâce à son patagium (membrane qui réunit ses pattes à son corps). Pelage gris et blanc.

écureuil (n.m.)

Petit rongeur arboricole d'Europe à longue queue très touffue, excellent grimpeur, capable de sauts très étendus, amassant des provisions pour l'hiver et aisément familier de l'homme. Pelage gris ou roux.

Tableaux
Titre du tableau (caption)
summary
entête entête entête

valeur valeur valeur

valeur valeur valeur

valeur valeur valeur

Citations

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ceci est une citation au fil du texte (avec la balise HTML ).

Ceci est une citation ordinaire, avec la balise HTML
. La route est longue mais la voie est libre.
Second paragraphe. Deux humains s'échangent une pièce de 1€. Chacun repart avec une pièce de 1€. Deux humains s'échangent une idée. Chacun repart avec deux idées.

Ceci est une citation générée avec le raccourci SPIP . La route est longue mais la voie est libre.

Second paragraphe. Deux humains s'échangent une pièce de 1€. Chacun repart avec une pièce de 1€. Deux humains s'échangent une idée. Chacun repart avec deux idées.

Je le vis, je rougis, je pâlis à sa vue

Un trouble s'éleva dans mon âme éperdue

Mes yeux ne voyaient plus, je ne pouvais parler

Je sentis tout mon corps et transir et brûler.

Ceci est une citation du Phédre de Racine, générée avec le raccourci SPIP , idéal pour les vers des poèmes et chansons.

Maecenas mollis. Et voici du code, généré avec le raccourci SPIP :
bonjour; ?>
Le raccourci SPIP <cadre> permet publier des extraits de code que l'on peut facilement copier-coller. <?php // ceci est du langage php echo <code class='spip_code spip_code_inline' dir='ltr'>au revoir</code>; ?>
Sans oublier un raccourci-clavier (), un extrait de script () et une variable ().

Et pour finir en beauté, voici une formule mathématique, générée avec :

À éviter

Ces balises ne doivent plus être utilisées car elles sont dépréciées en XHTML 1.0 Strict : exemple de basefont, exemple de font, exemple de u, ~~exemple de s~~, ~~exemple de strike~~, etc. Celles-ci sont déconseillées : exemple de b, exemple de i, exemple de big, exemple de small, exemple de tt.

Titre du tableau (caption)
summary
entête	entête	entête
valeur	valeur	valeur
valeur	valeur	valeur
valeur	valeur	valeur

Ceci est le texte du Post-Scriptum. Cette page fait partie de la base de démarrage pour SPIP. Voici un autre exemple de cette charte typo.

[1] Une note de bas de page est, habituellement, signalée par un numéro placé à l'intérieur du texte, numéro repris en bas de page et proposant un complément d'information. Cette fonctionnalité est automatisée dans SPIP.

Contact

Webmestre — 2001-06-30T22:00:00Z

Contactez le webmestre : Webmestre

– S'abonner à la liste des utilisateurs de SPIP
– Forum SPIP

Infrascopie

Charte typo

Paragraphes

Un intertitre normal

Hyperliens

Listes

Tableaux

Citations

À éviter

Contact