Accueil > Coin de la webmaîtresse > Privé... > Charte graphique-Titre de l’article

Surtitre de l’article - Soustitre de l’article

Charte graphique-Titre de l’article

par Perline
Octobre 2011 2011

Cecei est le chapeau. Sed scelerisque sagittis lorem. Phasellus sodales. Nulla urna justo, vehicula in, suscipit nec, molestie sed, tellus. Quisque justo. Nam libero leo, elementum in, dapibus a, suscipit vitae, purus. Duis arcu. Integer dignissim fermentum enim. Morbi convallis felis vel nibh. Etiam viverra augue non enim.

Cette page regroupe un aperçu des différentes balises HTML qui peuvent être utilisées sur un site SPIP, à travers les raccourcis explicités ci-dessous, ou directement sous leur forme HTML pour les autres. [1]

Intertitre niveau 1

Sed scelerisque sagittis lorem. Phasellus sodales. Nulla urna justo, vehicula in, suscipit nec, molestie sed, tellus. Quisque justo. Nam libero leo, elementum in, dapibus a, suscipit vitae, purus. Duis arcu. Integer dignissim fermentum enim. Morbi convallis felis vel nibh. Etiam viverra augue non enim. [2]

Sed scelerisque sagittis lorem. Phasellus sodales. Nulla urna justo, vehicula in, suscipit nec, molestie sed, tellus. Quisque justo. Nam libero leo, elementum in, dapibus a, suscipit vitae, purus. Duis arcu. Integer dignissim fermentum enim. Morbi convallis felis vel nibh. Etiam viverra augue non enim.

Intertitre niveau 2

Sed scelerisque sagittis lorem. Phasellus sodales. Nulla urna justo, vehicula in, suscipit nec, molestie sed, tellus. Quisque justo. Nam libero leo, elementum in, dapibus a, suscipit vitae, purus. Duis arcu. Integer dignissim fermentum enim. Morbi convallis felis vel nibh. Etiam viverra augue non enim.

Intertitre niveau 3

Sed scelerisque sagittis lorem. Phasellus sodales. Nulla urna justo, vehicula in, suscipit nec, molestie sed, tellus. Quisque justo. Nam libero leo, elementum in, dapibus a, suscipit vitae, purus. Duis arcu. Integer dignissim fermentum enim. Morbi convallis felis vel nibh. Etiam viverra augue non enim.

Intertitre niveau 4

Sed scelerisque sagittis lorem. Phasellus sodales. Nulla urna justo, vehicula in, suscipit nec, molestie sed, tellus. Quisque justo. Nam libero leo, elementum in, dapibus a, suscipit vitae, purus. Duis arcu. Integer dignissim fermentum enim. Morbi convallis felis vel nibh. Etiam viverra augue non enim.

Intertitre niveau 5

Sed scelerisque sagittis lorem. Phasellus sodales. Nulla urna justo, vehicula in, suscipit nec, molestie sed, tellus. Quisque justo. Nam libero leo, elementum in, dapibus a, suscipit vitae, purus. Duis arcu. Integer dignissim fermentum enim. Morbi convallis felis vel nibh. Etiam viverra augue non enim.

Intertitre niveau 6

Sed scelerisque sagittis lorem. Phasellus sodales. Nulla urna justo, vehicula in, suscipit nec, molestie sed, tellus. Quisque justo. Nam libero leo, elementum in, dapibus a, suscipit vitae, purus. Duis arcu. Integer dignissim fermentum enim. Morbi convallis felis vel nibh. Etiam viverra augue non enim.

Deux paragraphes dans un <quote>.Nam libero leo, elementum in, dapibus a, suscipit vitae, purus. Duis arcu. Integer dignissim fermentum enim. Morbi convallis felis vel nibh. Sed scelerisque sagittis lorem.

Paragraph inside Blockquote : Nam libero leo, elementum in, dapibus a, suscipit vitae, purus. Duis arcu. Integer dignissim fermentum enim. Morbi convallis felis vel nibh. Sed scelerisque sagittis lorem.

Deux paragraphes dans un <blockquote>.Nam libero leo, elementum in, dapibus a, suscipit vitae, purus. Duis arcu. Integer dignissim fermentum enim. Morbi convallis felis vel nibh. Sed scelerisque sagittis lorem.

Paragraph inside Blockquote : Nam libero leo, elementum in, dapibus a, suscipit vitae, purus. Duis arcu. Integer dignissim fermentum enim. Morbi convallis felis vel nibh. Sed scelerisque sagittis lorem.


Deux paragraphes dans un <q>.Nam libero leo, elementum in, dapibus a, suscipit vitae, purus. Duis arcu. Integer dignissim fermentum enim. Morbi convallis felis vel nibh. Sed scelerisque sagittis lorem.

Paragraph inside Blockquote : Nam libero leo, elementum in, dapibus a, suscipit vitae, purus. Duis arcu. Integer dignissim fermentum enim. Morbi convallis felis vel nibh. Sed scelerisque sagittis lorem.

Deux paragraphes dans un <poesie>.Nam libero leo, elementum in, dapibus a, suscipit vitae, purus. Duis arcu. Integer dignissim fermentum enim. Morbi convallis felis vel nibh. Sed scelerisque sagittis lorem.
 
Paragraph inside Blockquote : Nam libero leo, elementum in, dapibus a, suscipit vitae, purus. Duis arcu. Integer dignissim fermentum enim. Morbi convallis felis vel nibh. Sed scelerisque sagittis lorem.
Addresse : 17 rue du petit bois qui chante, La source
Preformated :  Testing one row and another

Liste de balises


Je suis une balise <a>
Je suis une balise <a> vers un lien externe
Je suis une balise <a> vers un email
[Je suis ?] une balise <a> vers un lexique
Je suis une balise <abbr>
Je suis une balise <acronym>
Je suis une balise <b>
Je suis une grande balise <big>
Je suis une balise <cite>

Je suis une balise <code>
Je suis une balise <del>
Je suis une definition dans une balise <dfn>
Je suis une balise <em>
Je suis une balise <font>
Je suis une balise <i> obtenue avec le raccourci {
Je suis une balise <ins>
Je suis une balise <kbd>
Je suis une balise <q>
Je suis une balise <s>
Je suis une balise <samp>
Je suis une balise <small>
Je suis une balise <span>
Je suis une balise <strike>
Je suis une balise <strong> obtenue avec le raccourci {{
Je suis une balise <sub>
Je suis une balise <sup>
Je suis une balise <tt>
Je suis une balise <var>
Je suis une balise <u>


Voici maintenant une liste non-ordonnée, obtenue avec le raccourci -*

  • Unordered list 01
  • Unordered list 02
  • Unordered list 03
    • Unordered list inside list level 2
    • Unordered list inside list level 2
      • Unordered list inside list level 3
      • Unordered list inside list level 3

Et une liste ordonnée obtenue avec le raccourci -#

  1. Ordered list 01
  2. Ordered list 02
  3. Ordered list 03
    1. Ordered list inside list level 2
    2. Ordered list inside list level 2
      1. Ordered list inside list level 3
      2. Ordered list inside list level 3

Voici une liste de définitions obtenues avec <dl>,<dt>,<dd>

Description list title 01
Description list description 01
Description list title 02
Description list description 02
Description list description 03
Titre du tableau
Première lignede titrecolonne
Ligne impaire Ligne impaire Ligne impaire
Ligne paire Ligne paire Ligne paire
Ligne impaire Ligne impaire Ligne impaire
Ligne paire Ligne paire Ligne paire
Ligne impaire Ligne impaire Ligne impaire
Ligne paire Ligne paire Ligne paire

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

Sed scelerisque sagittis lorem. Phasellus sodales. Nulla urna justo, vehicula in, suscipit nec, molestie sed, tellus. Quisque justo. Nam libero leo, elementum in, dapibus a, suscipit vitae, purus. Duis arcu. Integer dignissim fermentum enim. Morbi convallis felis vel nibh. Etiam viverra augue non enim.

P.-S.

Post-Scriptum de l’article. Sed scelerisque sagittis lorem. Phasellus sodales. Nulla urna justo, vehicula in, suscipit nec, molestie sed, tellus. Quisque justo. Nam libero leo, elementum in, dapibus a, suscipit vitae, purus. Duis arcu. Integer dignissim fermentum enim. Morbi convallis felis vel nibh. Etiam viverra augue non enim.

Notes

[1Cette charte est librement inspirée de la page http://devkick.com/lab/tripoli/samp...

[2Sed scelerisque sagittis lorem. Phasellus sodales. Nulla urna justo, vehicula in, suscipit nec, molestie sed, tellus. Quisque justo. Nam libero leo, elementum in, dapibus a, suscipit vitae, purus. Duis arcu. Integer dignissim fermentum enim. Morbi convallis felis vel nibh. Etiam viverra augue non enim.