Page de demonstration
Ceci est le sur-titre de l’article
Ceci est le sous-titre de l’article
dimanche 1er juillet 2007, par
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.
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.
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>
.
Un sigle, 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>
.
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 ! Pour les listes, voir ci-dessous.
— Un tiret long, généré par le raccourci SPIP « --
»,
utile pour les dialogues.
SPIP distingue les liens internes des liens externes dont URLs directes : https://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
Liste non ordonnée (ul
), générée avec le raccourci SPIP « -*
» :
Et une liste numérotée (ol
), générée avec le raccourci SPIP « -#
» :
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>
:
entête | entête | entête |
---|---|---|
valeur | valeur | valeur |
valeur | valeur | valeur |
valeur | valeur | valeur |
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>
. 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
<quote>
. 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 vueUn trouble s’éleva dans mon âme éperdueMes yeux ne voyaient plus, je ne pouvais parlerJe 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
// ceci est du langage 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>
:
Ces balises ne doivent plus être utilisées car elles sont dépréciées en XHTML 1.0 Strict :
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.
Voir en ligne : Lien hypertexte
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.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Someone famous in Source Title
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Someone famous in Source Title
[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.
Un texte d'introduction, qui peut parfois être sur plusieurs lignes. Un texte d'introduction, qui peut parfois être sur plusieurs lignes. Un texte d'introduction, qui peut parfois être sur plusieurs lignes. Un texte d'introduction, qui peut parfois être sur plusieurs lignes.
# | First Name | Last Name | Username |
---|---|---|---|
1 | Mark | Otto | @mdo |
2 | Jacob | Thornton | @fat |
3 | Larry | the Bird |
I'm in Section A.
Howdy, I'm in Section B.
What up girl, this is Section C.
Best check yo self, you're not looking too good. Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.