Éducation, société et technologie
Sur-titre de l’article

Typographie dans Ahuntsic

Sous-titre de l’article
samedi 17 avril 2010 par André Vincent

Le rendu des raccourcis typographiques de SPIP dans le squelette AHUNTSIC. [Chapeau de l’article]

 Paragraphes

Premier paragraphe. Pour séparer les paragraphes il faut taper deux fois sur la touche retour et ainsi laisser une ligne vide.

Deuxième paragraphe.
Un simple retour à la ligne génère une espace justifiante.
Pour obtenir un retour à la ligne dans un même paragraphe, il faut débuter la ligne avec le raccourci SPIP « _ ».

Troisième paragraphe. Exemple d’espace insécable : 100 000, généré par le raccourci SPIP (tilde) : 100~000.


Quatriè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, généré par {{{intertitre}}}

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 <dfn>.
Une abbréviation, par exemple W3C, est lu lettre par lettre, tandis que SPIP est un acronyme puisqu’il forme un mot qui est lu normalement.

Texte de gauche à droite et Texte de droite à gauche avec <bdo dir="ltr"> et <bdo dir="rtl">.
Mise en exposant 2 et mise en indice : H2O.
Et voici une note de bas de page [1].

  • Ici, exemple de raccourci SPIP « - ». Attention, leur succession ne constitue pas une liste !

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

 Hyperliens

SPIP offre plusieurs méthodes pour établir des liens hypertexte.

Liens externes

  • [-> http://edu.ca.edu] = http://edu.ca.edu
    (si le nom de domaine commence par www on peut omettre http://)
  • [-> www.spip.net] = www.spip.net
  • [SPIP -> www.spip.net] = SPIP
  • [Opquast | Bonne pratique ->http://checklists.opquast.com/] = Opquast
  • Courriel : [->nom@mail.net] = nom@mail.net
  • Courriel : [Mon nom->nom@mail.net] = Mon nom
  • Lien direct vers Wikipedia : Le [?prépresse] = Le prépresse
  • Spécifier la langue de destination :
    [SPIP|Système de publication pour Internet{en}->www.spip.net/en] = SPIP

Liens internes

  • ARTICLES
    • [->article40] ou [->art40] ou simplement [->40] =
      Aide officielle pour SPIP
      Remarque : le titre de l’article est automatiquement récupéré ; si le titre de l’article 40 est modifié, le libellé de l’hyperlien sera mis à jour. Pour obtenir un libellé différent et permanent :
      [Aide pour SPIP->40] = Aide pour SPIP
  • et lien généré par le raccourci [->site2] : site 2.
  • et lien généré par le raccourci [->site2] : site 2.
  • et lien généré par le raccourci [->site2] : site 2.
  • et lien généré par le raccourci [->site2] : site 2.
    Mieux vaut spécifier la langue de destination, par exemple : SPIP.
    Lien vers une définition du glossaire prédéfini : Wikipédia
    Courriel : nom@mail.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 « -# » :

  1. 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.
  2. L’index qui montre le chemin, Est le second doigt de la main.
  3. Entre l’index et l’annulaire, Le majeur paraît un grand frère.
  4. L’annulaire porte l’anneau, Avec sa bague, il fait le beau.
  5. 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 <dl>, <dd>, <dt> :

Le kiwi
C’est un fruit mais aussi un petit animal
Le litchi
Un excellent fruit exotique

 Tableaux

Titre du tableau (caption)
entêteentêteentê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 <q>).

Ceci est une citation ordinaire, avec la balise HTML <blockquote>. Cras eleifend tristique quam. Fusce gravida lectus vel enim convallis tempor.

Second paragraphe. Maecenas laoreet interdum elit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Phasellus tristique wisi ut lacus.

Ceci est une citation générée avec le raccourci SPIP <quote>. Cras eleifend tristique quam. Fusce gravida lectus vel enim convallis tempor.

Second paragraphe. Maecenas laoreet interdum elit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Phasellus tristique wisi ut lacus.

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 <poesie>, idéal pour les vers des poèmes et chansons.

Maecenas mollis. Et voici du code, généré avec le raccourci SPIP <code> :

<?php echo "bonjour"; ?>

Sans oublier un raccourci-clavier (<kbd>), un extrait de script (<samp>) et une variable (<var>).

Et pour finir en beauté, voici une formule mathématique, générée avec <math> :
a = \sqrt{b^{2} + c^{2}}

[1Une 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.


Accueil | Contact | Plan du site | | Statistiques du site | Visiteurs : 3725 / 1789534

Suivre la vie du site fr  Suivre la vie du site Ressources  Suivre la vie du site Squelette AHUNTSIC  Suivre la vie du site Démo AHUNTSIC   ?    |    titre sites syndiques OPML   ?

Site réalisé avec SPIP 3.1.4 + AHUNTSIC

Creative Commons License

Visiteurs connectés : 2