[] #INSERT_HEAD_CSS [] #INSERT_HEAD
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.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
[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.
Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.
Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula.
This line of text is meant to be treated as fine print.
The following snippet of text is rendered as bold text.
The following snippet of text is rendered as italicized text.
An abbreviation of the word attribute is attr.
Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.
Nullam id dolor id nibh ultricies vehicula ut id elit.
Etiam porta sem malesuada magna mollis euismod.
Donec ullamcorper nulla non metus auctor fringilla.
Duis mollis, est non commodo luctus, nisi erat porttitor ligula.
Maecenas sed diam eget risus varius blandit sit amet non magna.
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
# | Column heading | Column heading | Column heading |
---|---|---|---|
1 | Column content | Column content | Column content |
2 | Column content | Column content | Column content |
3 | Column content | Column content | Column content |
4 | Column content | Column content | Column content |
5 | Column content | Column content | Column content |
6 | Column content | Column content | Column content |
7 | Column content | Column content | Column content |
Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth. Cosby sweater eu banh mi, qui irure terry richardson ex squid. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher voluptate nisi qui.
Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid. Exercitation +1 labore velit, blog sartorial PBR leggings next level wes anderson artisan four loko farm-to-table craft beer twee. Qui photo booth letterpress, commodo enim craft beer mlkshk aliquip jean shorts ullamco ad vinyl cillum PBR. Homo nostrud organic, assumenda labore aesthetic magna delectus mollit.
Etsy mixtape wayfarers, ethical wes anderson tofu before they sold out mcsweeney's organic lomo retro fanny pack lo-fi farm-to-table readymade. Messenger bag gentrify pitchfork tattooed craft beer, iphone skateboard locavore carles etsy salvia banksy hoodie helvetica. DIY synth PBR banksy irony. Leggings gentrify squid 8-bit cred pitchfork.
Trust fund seitan letterpress, keytar raw denim keffiyeh etsy art party before they sold out master cleanse gluten-free squid scenester freegan cosby sweater. Fanny pack portland seitan DIY, art party locavore wolf cliche high life echo park Austin. Cred vinyl keffiyeh DIY salvia PBR, banh mi before they sold out farm-to-table VHS viral locavore cosby sweater.
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.
This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.