i – Aide pour l'utilisation du logiciel de mise en forme

Neamar

Index de l'aide

Abréviation

Description
\abrev[@Signification]{@Abrev}

La balise abrev définit une abréviation, c'est à dire un groupe de lettre utilisé pour raccourcir l'écriture d'un terme.
Pour plus d'informations sur la différence entre un sigle, une abréviation et un acronyme, consultez cette page.

Paramètres
Exemple d'utilisation
La \abrev[Bande dessinée]{BD} est le neuvième art.

La BD est le neuvième art.

Lien

Description
\l[@URL]{@TitreLien}

La balise link permet de créer un lien vers une page web. Elle possède plusieurs alias : lien et l, qui fonctionnent toutes sur le même principe.

Les liens sont marqués d'un attribut rel="nofollow", pour éviter les publicités spams. Consultez Nofollow pour en savoir plus.

Paramètres
Exemple d'utilisation
\link[http://google.fr]{Google} est un moteur de recherche très utilisé.

Google est un moteur de recherche très utilisé.

Image

Description
\image[@Description]{@URL}

La balise image permet d'afficher une image de l'internet dans votre texte. Pour utiliser une image de votre disque, vous devez utiliser un service d'envoi d'image – tel que http://tinypic.com/ –, puis mettre l'adresse obtenue en tant que paramètre @URL.

Paramètres
Exemple d'utilisation
\image[Mon favicon !]{https://neamar.fr/favicon.ico} Le favicon de ce site

Mon favicon ! Le favicon de ce site

Image étiquetée

Description
\labelimage[@Description]{@URL}

La balise labelimage permet d'afficher une image de l'internet dans votre texte et de la mettre en valeur par rapport au texte en la séparant. Pour utiliser une image de votre disque, vous devez utiliser un service d'envoi d'image – tel que http://tinypic.com/ –, puis mettre l'adresse obtenue en tant que paramètre @URL.

Paramètres
Exemple d'utilisation
\labelimage[Voici un favicon !]{https://neamar.fr/favicon.ico}

Le favicon est une toute petite icône permettant de personaliser les favoris et les onglets en leur donnant une petite touche spéciale. À l'origine, les favicons étaient forcément au format \textss{ico}, mais a plupart des navigateurs acceptent maintenant tous les formats, même animés, comme le montre l'image ci contre.

Je ne sais que dire pour continuer, mais je dois ajouter du texte pour bien montrer que derrière la boite créée pour le labelimage, le texte se remet correctement en place. Normalement, cela devrait être compréhensible et visible, redimensionnez votre fenêtre sinon.

Voici un favicon !
Voici un favicon !

Le favicon est une toute petite icône permettant de personaliser les favoris et les onglets en leur donnant une petite touche spéciale. À l'origine, les favicons étaient forcément au format ico, mais a plupart des navigateurs acceptent maintenant tous les formats, même animés, comme le montre l'image ci contre.

Je ne sais que dire pour continuer, mais je dois ajouter du texte pour bien montrer que derrière la boite créée pour le labelimage, le texte se remet correctement en place. Normalement, cela devrait être compréhensible et visible, redimensionnez votre fenêtre sinon.

Étiquettes

Description
\label[@Nom]{@Texte}

La balise label définit une étiquette qui peut être utilisée avec ref pour faire des renvois.

Paramètres
Exemple d'utilisation
\label[haut]{}Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ullamcorper, mauris nec euismod mollis, nunc ipsum aliquam urna, nec blandit ligula augue id nisi. Ut at lorem vitae quam dictum tempus. Nulla quis mattis justo. Nunc vehicula adipiscing elit et ultricies. Nulla id magna ipsum, vel pulvinar urna. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nulla volutpat sapien et libero tempor ac pellentesque lorem accumsan. Praesent lobortis dui sit amet elit pellentesque gravida. Integer eget odio et elit rhoncus ultricies. Suspendisse vestibulum commodo fringilla.

Curabitur accumsan aliquam ullamcorper. Cras in nisi purus. Nunc odio eros, interdum in aliquet tristique, tincidunt nec purus. Aenean lobortis, nisi sit amet euismod lacinia, nulla mauris congue libero, a vestibulum sem nisi id ligula. Curabitur pretium, quam ut dictum aliquet, nisl dolor tristique odio, non feugiat mi sem vitae nulla. \label[Vivamus]{Vivamus} porttitor ipsum mattis mi condimentum in porta nunc condimentum. Suspendisse facilisis justo blandit augue porta non pharetra dolor eleifend. Aenean nec nunc mauris, at ornare purus. Suspendisse molestie, eros sit amet tincidunt ornare, ipsum justo volutpat ante, nec sollicitudin risus enim id felis. Proin id purus eget ante tristique dignissim eu vel arcu. In sit amet egestas urna. Vestibulum leo erat, venenatis et fringilla non, auctor sed augue. Curabitur sed augue eget dolor consequat scelerisque quis hendrerit velit. Etiam tempor arcu id metus vestibulum in lobortis enim pellentesque. Suspendisse vel sodales neque. Phasellus fringilla viverra pretium. Curabitur id nulla arcu, non imperdiet ante. Vivamus velit nunc, laoreet a hendrerit nec, mollis eu dolor. Suspendisse potenti.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean in odio nibh. In posuere commodo enim eu feugiat. Sed vel magna non libero laoreet adipiscing. Nunc tincidunt volutpat neque, vel tincidunt augue consectetur faucibus. Vestibulum varius mauris pulvinar urna ullamcorper sit amet porttitor lectus tempor. Donec massa quam, porta non vestibulum sed, consectetur in eros. Cras quis metus non mauris condimentum rutrum vitae ut dui. Proin velit mi, dapibus sed commodo eu, faucibus vel leo. Nullam lorem turpis, pretium vehicula luctus nec, dapibus sit amet diam. Quisque sit amet velit mauris. Suspendisse mattis, est sed rhoncus laoreet, tellus risus hendrerit nulla, ut ullamcorper magna massa sit amet velit. Fusce nec magna nulla, sit amet condimentum lorem. Phasellus cursus consectetur egestas. Maecenas adipiscing nulla sed elit ornare tempor.

Cras tincidunt felis sed ante vulputate laoreet. Maecenas commodo mi eget nulla pharetra hendrerit. Curabitur rhoncus interdum ante, vitae tristique odio congue eu. Mauris sapien diam, mollis nec sodales vitae, blandit eget metus. Aliquam ipsum felis, vestibulum quis volutpat non, pretium quis nisl. In ac ligula purus, et vestibulum nulla. Ut et nisl tellus. Sed justo tortor, volutpat in tincidunt at, ornare vitae erat. Ut et nulla lectus. Suspendisse imperdiet purus et tortor ornare eget vulputate sapien faucibus. Fusce ullamcorper justo eu nibh luctus a accumsan lectus accumsan. Etiam ipsum neque, vestibulum sit amet vehicula sed, posuere ut mauris. Nulla facilisi. \ref[Vivamus]{Vivamus} est nibh, venenatis non venenatis sed, lobortis at tortor. Sed consequat consequat orci, vel egestas tortor facilisis in. Suspendisse aliquam mattis nulla ornare sodales.
\ref[haut]{Début}.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ullamcorper, mauris nec euismod mollis, nunc ipsum aliquam urna, nec blandit ligula augue id nisi. Ut at lorem vitæ quam dictum tempus. Nulla quis mattis justo. Nunc vehicula adipiscing elit et ultricies. Nulla id magna ipsum, vel pulvinar urna. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenæos. Nulla volutpat sapien et libero tempor ac pellentesque lorem accumsan. Præsent lobortis dui sit amet elit pellentesque gravida. Integer eget odio et elit rhoncus ultricies. Suspendisse vestibulum commodo fringilla.

Curabitur accumsan aliquam ullamcorper. Cras in nisi purus. Nunc odio eros, interdum in aliquet tristique, tincidunt nec purus. Ænean lobortis, nisi sit amet euismod lacinia, nulla mauris congue libero, a vestibulum sem nisi id ligula. Curabitur pretium, quam ut dictum aliquet, nisl dolor tristique odio, non feugiat mi sem vitæ nulla. Vivamus porttitor ipsum mattis mi condimentum in porta nunc condimentum. Suspendisse facilisis justo blandit augue porta non pharetra dolor eleifend. Ænean nec nunc mauris, at ornare purus. Suspendisse molestie, eros sit amet tincidunt ornare, ipsum justo volutpat ante, nec sollicitudin risus enim id felis. Proin id purus eget ante tristique dignissim eu vel arcu. In sit amet egestas urna. Vestibulum leo erat, venenatis et fringilla non, auctor sed augue. Curabitur sed augue eget dolor consequat scelerisque quis hendrerit velit. Etiam tempor arcu id metus vestibulum in lobortis enim pellentesque. Suspendisse vel sodales neque. Phasellus fringilla viverra pretium. Curabitur id nulla arcu, non imperdiet ante. Vivamus velit nunc, laoreet a hendrerit nec, mollis eu dolor. Suspendisse potenti.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ænean in odio nibh. In posuere commodo enim eu feugiat. Sed vel magna non libero laoreet adipiscing. Nunc tincidunt volutpat neque, vel tincidunt augue consectetur faucibus. Vestibulum varius mauris pulvinar urna ullamcorper sit amet porttitor lectus tempor. Donec massa quam, porta non vestibulum sed, consectetur in eros. Cras quis metus non mauris condimentum rutrum vitæ ut dui. Proin velit mi, dapibus sed commodo eu, faucibus vel leo. Nullam lorem turpis, pretium vehicula luctus nec, dapibus sit amet diam. Quisque sit amet velit mauris. Suspendisse mattis, est sed rhoncus laoreet, tellus risus hendrerit nulla, ut ullamcorper magna massa sit amet velit. Fusce nec magna nulla, sit amet condimentum lorem. Phasellus cursus consectetur egestas. Mæcenas adipiscing nulla sed elit ornare tempor.

Cras tincidunt felis sed ante vulputate laoreet. Mæcenas commodo mi eget nulla pharetra hendrerit. Curabitur rhoncus interdum ante, vitæ tristique odio congue eu. Mauris sapien diam, mollis nec sodales vitæ, blandit eget metus. Aliquam ipsum felis, vestibulum quis volutpat non, pretium quis nisl. In ac ligula purus, et vestibulum nulla. Ut et nisl tellus. Sed justo tortor, volutpat in tincidunt at, ornare vitæ erat. Ut et nulla lectus. Suspendisse imperdiet purus et tortor ornare eget vulputate sapien faucibus. Fusce ullamcorper justo eu nibh luctus a accumsan lectus accumsan. Etiam ipsum neque, vestibulum sit amet vehicula sed, posuere ut mauris. Nulla facilisi. Vivamus est nibh, venenatis non venenatis sed, lobortis at tortor. Sed consequat consequat orci, vel egestas tortor facilisis in. Suspendisse aliquam mattis nulla ornare sodales.
Début.

Mathématiques

Description
$@Formule$

Les dollars ($) permettent de rédiger une formule mathématique au format LaTeX. Si la formule est assez simple, elle est affichée au format HTML, sinon une image est générée.
Dans certains cas, il peut être préférable de rendre le LaTeX en image même si la formule est simple : il suffit alors de terminer la formule par un tilde (~) pour forcer la génération de l'image (cf. Exemples).

Paramètres
Exemple d'utilisation
La série factorielle converge vers $e^1$ : $\sum_{n=0}^{\infty} \frac{1}{n!}\;=e^1$.
\item Le $^{140}_{54}Xe$ xénon est produit lors de la désintégration de l'uranium.
\item Le $^{140}_{54}Xe~$ xénon est produit lors de la désintégration de l'uranium.

La série factorielle converge vers e^1 : \sum_{n=0}^{\infty} \frac{1}{n!}\;=e^1.

Item

Description
\item Premier élément de liste
\item Second élément de liste
\item ...

La balise item permet de créer très facilement une liste ; elle est cependant plus limitée que les environnement dédiés itemize et enumerate. Un premier item crée une liste, qui continue tant que les débuts de ligne sont des balises item. Si vous faites un saut de ligne, ou commencez une phrase sans item, la liste est fermée.
Vous ne pouvez pas imbriquer plusieurs listes avec la méthode des item, passez par itemize ou enumerate.

Paramètres

Aucun paramètre.

Exemple d'utilisation
\item \b{Premier} élément de liste ;
\item \i{Second} élément de liste ;
\item et ainsi de suite ad libitum...

Trait horizontal court

Description
Texte
~
Nouveau paragraphe

La balise ~ insére un trait horizontal court, et ferme le paragraphe précédant le symbole. Pour commencer une phrase par un tilde, échappez le avec un backslash. Pour un trait complet, voyez ~~~.

Paramètres

Aucun paramètre.

Exemple d'utilisation
...à ses généraux.
~
Napoléon dit alors : ...

… à ses généraux.


Napoléon dit alors : …

Trait horizontal long

Description
Texte
~~~
Nouveau paragraphe

La balise ~~~ insére un trait horizontal, et ferme le paragraphe précédant le symbole. Pour commencer une phrase par un tilde, échappez le avec un backslash. Pour un trait court, voyez ~.

Paramètres

Aucun paramètre.

Exemple d'utilisation
...à ses généraux.
~~~
Napoléon dit alors : ...

… à ses généraux.


Napoléon dit alors : …

Tirets cadratins et demi-cadratins

Description
— Et ceci – remarquez l'incise – est la preuve que vous avez tort.

Les tirets ont une histoire complexe. Notons simplement qu'un tiret qui fait la liaison entre deux mots est appelé trait d'union, ou tiret quart-cadratin. Un tiret d'incise – ceci est une incise – est légérement plus grand, d'où son nom de demi-cadratin. Enfin, le tiret cadratin (---) est utilisé pour les entames de dialogue. Le Typographe tente de mettre automatiquement en forme vos tirets (en détectant les espaces autour), mais vous pouvez le forcer à utiliser un certain type de tirets. Marquez deux tirets (--) pour un tiret demi-cadratin, concaténez en trois pour le tiret cadratin (---)

Paramètres

Aucun paramètre.

Exemple d'utilisation
- Le premier tiret est détecté comme un tiret d'entame et mis en forme
- Et cette incise - celle là - est détectée de même. Les noms composés ne posent pas de problème : mal-voyant. Vous n'avez qu'à comparer la largeur des tirets pour comprendre !

— Le premier tiret est détecté comme un tiret d'entame et mis en forme
— Et cette incise – celle là – est détectée de même. Les noms composés ne posent pas de problème : mal-voyant. Vous n'avez qu'à comparer la largeur des tirets pour comprendre !

Espace insécable

Description
\nbsp;

Dans certaines situations, on peut souhaiter que le texte n'aille pas automatiquement à la ligne : par exemple, il est assez désagréable de voir un point d'exclamation déporté en début de ligne tout seul ! Le Typographe gère automatiquement tous les problèmes de ponctuation, mais dans certaines situations, vous aurez besoin d'ajouter vous même vos espaces insécables sur certains mots.

Paramètres

Aucun paramètre.

Exemple d'utilisation

Césure optionnelle

Description
\shy;

Le tiret de césure optionnelle vous permet d'indiquer au navigateur qu'il peut, si besoin est, couper le mot à cet endroit et le continuer sur la ligne d'après. Cela peut être pratique quand votre texte est justifié

Paramètres

Aucun paramètre.

Exemple d'utilisation
L'Hexakosioihexekontahexaphobie désigne les hexa\shy;kosioi\shy;hexe\shy;konta\shy;hexa\shy;phobe.
hexa\shy;kosioi\shy;hexe\shy;konta\shy;hexa\shy;phobehexa\shy;kosioi\shy;hexe\shy;konta\shy;hexa\shy;phobehexa\shy;kosioi\shy;hexe\shy;konta\shy;hexa\shy;phobehexa\shy;kosioi\shy;hexe\shy;konta\shy;hexa\shy;phobehexa\shy;kosioi\shy;hexe\shy;konta\shy;hexa\shy;phobe.

L'Hexakosioihexekontahexaphobie désigne les hexa­kosioi­hexe­konta­hexa­phobe.
hexa­kosioi­hexe­konta­hexa­phobehexa­kosioi­hexe­konta­hexa­phobehexa­kosioi­hexe­konta­hexa­phobehexa­kosioi­hexe­konta­hexa­phobehexa­kosioi­hexe­konta­hexa­phobe.

Italique

Description
\i{@Texte}

La balise i (alias de emph) permet de mettre en emphase du texte. Vous pouvez utiliser textit pour mettre votre texte en italique.
Attention à ne pas confondre italique et emphase ! Un texte doublement mis en italique reste italique, un texte doublement mis en emphase revient sur une fonte normale.

Paramètres
Exemple d'utilisation
\i{Ceci est un texte \i{doublement} en emphase}.

Ceci est un texte doublement en emphase.

Indice

Description
\down{@Texte}

La balise down met le texte en indice. Si vous souhaitez écrire des équations mathématiques, down n'est pas la bonne solution : tournez vous plutôt vers les $. Cette balise ne devrait normalement pas être utilisée, puisque seules les mathématiques et la physique nécessitent l'utilisation d'un indice.

Paramètres
Exemple d'utilisation
U\down{n}=4 est incorrect et devrait être remplacé par $U_n=4$

Un=4 est incorrect et devrait être remplacé par U_n=4

Petit

Description
\small{@Texte}

La balise small écrit le texte en caractères de taille inférieure à la taille standard.

Paramètres
Exemple d'utilisation
Bla \small{bla} bla...

Bla bla bla…

Sans Serif

Description
\textss{@Texte}

La balise textss écrit le texte avec une police sans empattements (les petites extensions qui forment la terminaison des caractères sur les polices standards). Cette balise est idéale pour écrire un code informatique de moins d'une ligne. Pour les textes plus long, préférez l'environnement verbatim.

Paramètres
Exemple d'utilisation
Le code PHP sera alors \textss{if($a=2) echo 'Réussi !';}.

Le code PHP sera alors if($a=2) echo 'Réussi ! ' ; .

Citation "en ligne"

Description
\quote{@Texte}

La balise quote permet de citer un auteur. Les guillemets sont automatiquement ajoutés. Attention à ne pas confondre cette balise avec les guillemets « » et “ ” .

Paramètres
Exemple d'utilisation
Comme le disait V, \quote{People should not be afraid of their governments. Governments should be afraid of their people.}

Comme le disait V, People should not be afraid of their governments. Governments should be afraid of their people.

Siècle

Description
\century{@Siecle}

La balise century met en forme un numéro de siècle : ajout automatique d'un « e » en exposant, utilisation de petites majuscules. Ceci rend bien mieux qu'une tentative manuelle, cf. l'exemple.

De plus, cela ajoute du sens à vos textes et permet au webmaster d'établir des « lignes de temps », par exemple pour savoir quelle époque est la plus citée.

Paramètres
Exemple d'utilisation
Bien : La brosse à dents apparaît au \century{XIX}.
Pas bien : La brosse à dents apparaît au XIX\up{e}.

Bien : La brosse à dents apparaît au XIXe.
Pas bien : La brosse à dents apparaît au XIXe.

Verbatim "en ligne"

Description
\verbatim{@NoTypo}

La balise verbatim empêche la mise en forme automatique du texte en paramètre. Peut être utile pour écrire un nom de balise, par exemple.

Paramètres
Exemple d'utilisation
\verbatim{Ce texte devrait être en \color[red]{rouge}}. Ce texte \color[red]{l'est}.

Ce texte devrait être en \color[red]{rouge}. Ce texte l'est.

Titres et sous titres

Description
\section{@Titre}
\subsection{@SousTitre}
\subsubsection{@SousSousTitre}

Les balises section, subsection et subsubsection permettent de structurer un texte complexe en ajoutant des titres et des sous titres.
Vous ne pouvez pas utiliser de balises pour obtenir un titre HTML h1, ce titre étant reservé pour le titre global des pages web.
Selon les sites Web qui utilisent le Typographe, ces fonctionalités peuvent être désactivées, e.g. si le webmaster ne souhaite pas que les auteurs puissent écrire de textes trop longs.
De même, une numérotation peut être apposée automatiquement devant les titres.

Paramètres
Exemple d'utilisation
\section{Jeunesse}
\section{Roi de France}
\subsection{Une administration nouvelle}
\subsection{Les relations étrangères}
\subsubsection{L'Angleterre}
\subsubsection{Les Habsbourg}
\subsubsection{La fin des guerres d'Italie}
\subsubsection{Derniers affrontements entre Philippe II et Henri II}
\subsection{Le protestantisme}
\subsection{ Les arts}
\subsection{Le Nouveau Monde}
\subsection{Fiefs réunis à la Couronne}
\section{Descendance}
\section{Mort et postérité}

Jeunesse

Roi de France

Une administration nouvelle

Les relations étrangères

L'Angleterre

Les Habsbourg

La fin des guerres d'Italie

Derniers affrontements entre Philippe II et Henri II

Le protestantisme

Les arts

Le Nouveau Monde

Fiefs réunis à la Couronne

Descendance

Mort et postérité

Liste à puce

Description
\begin{itemize}
 \li @PremierItem
 \li @SecondItem
 ...
 \li @NItem
 \end{itemize}

L'environnement itemize vous permet de mettre en forme des listes non numérotées. Pour les listes numérotées, consultez enumerate. L'utilisation d'itemize offre plus de souplesse que la balise item : vous pouvez en effet mettre plusieurs paragraphes de texte dans chaque élement de la liste.

Notes sur les conventions : Rappelons à toutes fins utiles que si vous souhaitez utiliser une liste, les règles de ponctuation continuent de s'appliquer. Veillez donc à finir vos éléments de liste par un point ou un point vigule ; s'il s'agit d'un point virgule, on ne met pas en majuscule l'item suivant.

Paramètres
Exemple d'utilisation
\begin{itemize}
 \li Voilà un item de texte.

 \li Un second item. Notez que les sauts de ligne entre les \i{li} sont facultatifs
 \li La preuve. \li Encore une autre preuve.

 \li Vous pouvez mettre un paragraphe :

 Nouveau Paragraphe.
 Dans ce cas là, comme pour tous les textes, la première lettre est colorée, et le paragraphe est automatiquement précédé d'un alinéa.

 \li Vous pouvez aussi mettre des item à l'intérieur d'une liste, le style des puces change alors :
 \item Nouvel item
 \item Second item imbriqué
 \item Et ainsi \i{ad lib.}.
\end{itemize}

Liste à numéros

Description
\begin{enumerate}
  \li @PremierItem
  \li @SecondItem
  ...
  \li @NItem
  \end{enumerate}

L'environnement enumerate vous permet de mettre en forme des listes numérotées. Pour les listes non numérotées, consultez itemize.

Notes sur les conventions : Rappelons à toutes fins utiles que si vous souhaitez utiliser une liste, les règles de ponctuation continuent de s'appliquer. Veillez donc à finir vos éléments de liste par un point ou un point vigule ; s'il s'agit d'un point virgule, on ne met pas en majuscule l'item suivant.

Avancé : Vous pouvez utiliser un argument optionnel pour indiquer que la liste ne doit pas commencer à 1 : par exemple, \begin[5]{enumerate} fera commencer la liste à 5.

Paramètres
Exemple d'utilisation
\begin{enumerate}
  \li Voilà un premier item de texte.

  \li Un second item. Notez que les sauts de ligne entre les \i{li} sont facultatifs
  \li La preuve. \li Encore une autre preuve.

  \li Vous pouvez mettre un paragraphe :

  Nouveau Paragraphe.
  Dans ce cas là, comme pour tous les textes, la première lettre est colorée, et le paragraphe est automatiquement précédé d'un alinéa.

  \li Vous pouvez aussi mettre des item à l'intérieur d'une liste, le style des puces change alors :
  \item Nouvel item
  \item Second item imbriqué
  \item Et ainsi \i{ad lib.}.
\end{enumerate}
  1. Voilà un premier item de texte.
  2. Un second item. Notez que les sauts de ligne entre les li sont facultatifs
  3. La preuve.
  4. Encore une autre preuve.
  5. Vous pouvez mettre un paragraphe :

    Nouveau Paragraphe.
    Dans ce cas là, comme pour tous les textes, la première lettre est colorée, et le paragraphe est automatiquement précédé d'un alinéa.

  6. Vous pouvez aussi mettre des item à l'intérieur d'une liste, le style des puces change alors :

    • Nouvel item
    • Second item imbriqué
    • Et ainsi ad lib. .

Graphique

Description
\begin{chart}
   Type:@Type
   Size:@Size
   Data:@Data
   Title:@Title
   Legend:@Legend;
   Axis:@Axis
   AxisLabel:@AxisLabel
   Color:@Color
\end{chart}

L'environnement chart vous permet de mettre en forme des données sous forme de graphique. Il s'agit d'un environnement extrêmement complet (et complexe), gérant plusieurs dizaines de paramètres. Il utilise l'API Google, dont vous trouverez une description détaillée sur cette page.

Paramètres

Vous n'êtes pas obligés d'utiliser tous ces paramètres. Seuls @Type, @Size et @Data sont nécessaires. Les autres paramètres sont facultatifs.

Voyez la documentation Google pour une plus ample description des possibilités.

Exemple d'utilisation
Qui parle dans Reflets d'Acide Épisode 1 ?
\begin{chart}
	Type:p3
	Size:400x150
	Legend:Narrateur|Wrandrall|Enoriel|ZarakaI|Zehirmann|Guertrude|Roger|Inconnu|Tous
	Color:FFFFFF,FF0000,00FF00,0000FF,000000
	Data:26,26,13,11,10,5,2,2,2
\end{chart}

Et que dit le narrateur ?
\begin{chart}
	Type:lc
	Size:400x150
	Title:Narrateur
	Data:100,27,33,25,22,14,17,16,14,11,10,8,28
	Axis:x,y
	AxisLabel:0:|Ep.+1|Ep.+2|Ep.+3|Ep.+4|Ep.+5|Ep.+6|Ep.+7|Ep.+8|Ep.+9|Ep.+10|Ep.+11|Ep.+12|Ep.+13|1:||13%|26%
	Color:ABCDFF
\end{chart}

Notez bien que vous pouvez aussi utiliser directement les paramètres Google, la seule contrainte étant d'utiliser un encodage brut (type \i{t}).
\begin{chart}
Type:t
Size:440x200
Data:0
chtm:world
chf:bg,s,EAF7FE
\end{chart}

Qui parle dans Reflets d'Acide Épisode 1 ?

Graphique de données

Et que dit le narrateur ?

Graphique de données

Notez bien que vous pouvez aussi utiliser directement les paramètres Google, la seule contrainte étant d'utiliser un encodage brut (type t).

Graphique de données

Tableaux

Description
Utilisation simple :
\begin{tabular}
@Cellule & @Cellule & @Cellule \\
@Cellule & @Cellule & @Cellule \\
@Cellule & @Cellule & @Cellule
\end{tabular}


Utilisation avancée : \begin[@Classes]{tabular} \caption @TitreTableau \head @Titre & @Titre & @Titre \body @Cellule & @Cellule & @Cellule \\ @Cellule & @Cellule & @Cellule \\ @Cellule & @Cellule & @Cellule \foot @Fin & @Fin & @Fin \end{tabular}

L'environnement tabular vous permet de mettre en forme des données à l'aide d'un tableau.

Il en existe deux formes, une version simple et complexe.
Tous les arguments de la version complexe sont indépendants : la version simple correspond à une version complexe pour laquelle tous les paramètres ont été omis.
L'attribut @Classes ne devrait pas être utilisé par les rédacteurs de contenu, et être reservé pour les webmasters.

Paramètres
Exemple d'utilisation
\subsubsection{Exemple simple d'utilisation :}
\begin{tabular}
Du texte & Une autre colonne \\
Une nouvelle ligne & Deuxième ligne, deuxième colonne \\
\i{etc.} & ...
\end{tabular}

\subsubsection{Un tableau plus avancé :}
Les tabulations sont optionnelles. L'ordre des paramètres n'est pas important (caption, head et foot ou foot, head, body et caption).
\begin{tabular}
	\caption Titre du tableau
	\head
		Nom & Âge
	\body
		Stanislas & 40 \\
		Romain & 20 \\
		Lucie & 18 \\
		Benoît & 21
	\foot
		Nom & Âge
\end{tabular}

\subsubsection{Exemple d'utilisation des classes:}
\begin[ss|centre]{tabular}
La première cellule de chaque ligne est en sans-serif & La seconde est centrée. \\
Échappez l'esperluette pour l'utiliser : \& & Vous pouvez avoir autant & de colonnes & que nécessaires \\
Toutes les lignes n'ont pas obligatoirement... & ... le même nombre de cellules. & Mais dans ce cas là, les bordures seront mal tracées. \\
Vous pouvez utiliser des balises complexes
\item Comme des élements de liste
\item \i{etc.} & Ou \i{de la mise en forme} & Voire des maths : $\frac{125}{25}=25=5^2$\\
\end{tabular}

Exemple simple d'utilisation :

Du texte Une autre colonne
Une nouvelle ligne Deuxième ligne, deuxième colonne
etc.

Un tableau plus avancé :

Les tabulations sont optionnelles. L'ordre des paramètres n'est pas important (caption, head et foot ou foot, head, body et caption).

Titre du tableau
Nom Âge
Nom Âge
Stanislas 40
Romain 20
Lucie 18
Benoît 21

Exemple d'utilisation des classes :

La première cellule de chaque ligne est en sans-serif La seconde est centrée.
Échappez l'esperluette pour l'utiliser : & Vous pouvez avoir autant de colonnes que nécessaires
Toutes les lignes n'ont pas obligatoirement… … le même nombre de cellules. Mais dans ce cas là, les bordures seront mal tracées.

Vous pouvez utiliser des balises complexes

  • Comme des élements de liste
  • etc.
Ou de la mise en forme Voire des maths : \frac{125}{25}=25=5^2

Quizz

Description
\begin{quizz}
\question @Question
\answer @Reponse

\question @Question
\answer @Reponse
\end{quizz}

L'environnement quizz vous permet de mettre un quizz interactif dans vos pages.

Paramètres
Exemple d'utilisation
\begin{quizz}
  \question Quel est l'os le plus long du corps humain ?
  \answer Le fémur

  \question Où se trouve l'humérus ?
  \answer Dans le bras

  \question Où se situe la rotule ?
  \answer Dans le genou

  \question Comment se nomment les os du pied ?
  \answer Tarse, métatarse, phalange
  \end{quizz}
Quizz
Question Réponse
(passez votre souris sur une question pour afficher la réponse)
Quel est l'os le plus long du corps humain ? Le fémur
Où se trouve l'humérus ? Dans le bras
Où se situe la rotule ? Dans le genou
Comment se nomment les os du pied ? Tarse, métatarse, phalange

Citations de plusieurs lignes

Description
\begin[@Auteur]{quote}
@Citation
\end{quote}

L'environnement quote vous permet de mettre une citation de plusieurs phrases.

Paramètres
Exemple d'utilisation
\begin[Le Petit Chaperon rouge]{quote}
   Le Loup lui cria en adoucissant un peu sa voix :
   "Tire la chevillette, la bobinette cherra".
   Le Petit Chaperon rouge tira la chevillette, et la porte s'ouvrit.
\end{quote}

Le Loup lui cria en adoucissant un peu sa voix :
« Tire la chevillette, la bobinette cherra ».
Le Petit Chaperon rouge tira la chevillette, et la porte s'ouvrit.

— Le Petit Chaperon rouge

Résumé

Description
\begin{abstract}
@Abstrait
\end{abstract}

L'environnement abstract vous permet de placer un chapeau en haut de vos textes ; un petit résumé de quelques lignes qui décrit ce dont vous allez parler.

Paramètres
Exemple d'utilisation
\begin{abstract}
Dans cet article, nous étudierons différentes formes de vie cellulaire non reproductibles par la méthode "in".
Différents points de vue seront abordés, ainis que la vision de Jean Marie du Mollay.
\end{abstract}

Dans cet article, nous étudierons différentes formes de vie cellulaire non reproductibles par la méthode « in ».
Différents points de vue seront abordés, ainis que la vision de Jean Marie du Mollay.

Code non mis en forme

Description
\begin{verbatim}
	 @Texte
\end{verbatim}

L'environnement verbatim vous permet de placer du code informatique dans vos articles, sans que celui là soit mis en forme (tirets, espaces devant la ponctuation). Voir aussi code qui colorie les codes sources.

Paramètres
Exemple d'utilisation
\begin{verbatim}
Private Declare Function GetKeyState Lib "user32" (ByVal nVirtKey As Long) As Integer
Private Declare Function GetCursorPos Lib "user32" (lpPoint As Point) As Long
Private Declare Function ScreenToClient Lib "user32" (ByVal hwnd As Long, lpPoint As Point) As Long
Private Declare Function GetTickCount Lib "kernel32" () As Long
Private Declare Function SetPriorityClass Lib "kernel32" (ByVal hProcess As Long, ByVal dwPriorityClass As Long) As Long
Private Declare Function GetCurrentProcess Lib "kernel32" () As Long
Private Declare Function TextOut Lib "gdi32" Alias "TextOutA" (ByVal hdc As Long, ByVal x As Long, ByVal y As Long, ByVal lpString As String, ByVal nCount As Long) As Long
Private Declare Function SetPixelV Lib "gdi32" (ByVal hdc As Long, ByVal x As Long, ByVal y As Long, ByVal crColor As Long) As Long

\end{verbatim}
Private Declare Function GetKeyState Lib "user32" (ByVal nVirtKey As Long) As Integer
Private Declare Function GetCursorPos Lib "user32" (lpPoint As Point) As Long
Private Declare Function ScreenToClient Lib "user32" (ByVal hwnd As Long, lpPoint As Point) As Long
Private Declare Function GetTickCount Lib "kernel32" () As Long
Private Declare Function SetPriorityClass Lib "kernel32" (ByVal hProcess As Long, ByVal dwPriorityClass As Long) As Long
Private Declare Function GetCurrentProcess Lib "kernel32" () As Long
Private Declare Function TextOut Lib "gdi32" Alias "TextOutA" (ByVal hdc As Long, ByVal x As Long, ByVal y As Long, ByVal lpString As String, ByVal nCount As Long) As Long
Private Declare Function SetPixelV Lib "gdi32" (ByVal hdc As Long, ByVal x As Long, ByVal y As Long, ByVal crColor As Long) As Long


Mathématiques en bloc

Description
$$ @Math $$

Les doubles dollars ($$) permettent d'écrire tout un paragraphe de texte en mode mathématique. Le résultat obtenu est centré.

Paramètres
Exemple d'utilisation
En analyse, la série de Taylor se définit pour une fonction $f$ indéfiniment dérivable d'une variable réelle ou complexe et en un point $a$ au voisinage duquel la fonction est définie. La série de Taylor de $f$ en $a$ est la série entière suivante :

$$ f(a)+\frac{f'(a)}{1!}(x-a)+\frac{f''(a)}{2!}(x-a)^2+\frac{f^{(3)}(a)}{3!}(x-a)^3+\cdots $$
 (Source : Wikipedia)

En analyse, la série de Taylor se définit pour une fonction f indéfiniment dérivable d'une variable réelle ou complexe et en un point a au voisinage duquel la fonction est définie. La série de Taylor de f en a est la série entière suivante :

f(a)+\frac{f'(a)}{1!}(x-a)+\frac{f''(a)}{2!}(x-a)^2+\frac{f^{(3)}(a)}{3!}(x-a)^3+\cdots

(Source : Wikipedia)

Poésie

Description
\begin{verse}
@Vers
\end{verse}

L'environnement verse permet de mettre en forme de la poésie dans vos textes.

Paramètres
Exemple d'utilisation
\begin{verse}
Je fus le noir souci des orgues infernales :
Elles hurlaient parfois et roucoulaient toujours.
Dites-moi la beauté des ombres sépulcrales
Pour que leur fils revienne en leurs froides amours
\end{verse}
	   

Je fus le noir souci des orgues infernales :
Elles hurlaient parfois et roucoulaient toujours.
Dites-moi la beauté des ombres sépulcrales
Pour que leur fils revienne en leurs froides amours

Indentation

Description
\begin{indented}
@TexteIndente
\end{indented}

Par défaut, les tabulations dans le texte ne sont pas rendues à l'écran pour clarifier votre code. Si vous souhaiter imposer une indentation particulière, vous pouvez utiliser l'environnement indented.

Paramètres
Exemple d'utilisation
\begin{indented}
Bien sûr mille raisons d'expliquer le nom de « Mer Blanche »
Et depuis longtemps sur ce nom beaucoup se penchent.

Mais de toutes et la plus poétique
Est celle retenue par les encyclopédiques :

Les Ottomans installés à partir du \century{XI} siècle en Anatolie
Auraient donné le nom, à ce que l'on dit.

Les points cardinaux, par eux et par des couleurs sont désignés:
	\i{Kara} ou noir désigne le Nord bien nommé,
		\i{Ak} ou blanc désigne le sud,
			L'Ouest désigné par le rouge ou \i{Kyzyl},
				Est désigné par le vert ou \i{Yeshil}.
\end{indented}
(via \l[https://omnilogie.fr/5K]{Mers blanche, rouge ou noire})
		

Bien sûr mille raisons d'expliquer le nom de « Mer Blanche »
Et depuis longtemps sur ce nom beaucoup se penchent.

Mais de toutes et la plus poétique
Est celle retenue par les encyclopédiques :

Les Ottomans installés à partir du XIe siècle en Anatolie
Auraient donné le nom, à ce que l'on dit.

Les points cardinaux, par eux et par des couleurs sont désignés :
    Kara ou noir désigne le Nord bien nommé,
        Ak ou blanc désigne le sud,
            L'Ouest désigné par le rouge ou Kyzyl,
                Est désigné par le vert ou Yeshil.

(via Mers blanche, rouge ou noire)

Questionnaire à choix multiple

Description
\begin{qcm}
\question @Question
\answer Réponse fausse
\answer Réponse fausse
...
\answer[right] Réponse juste
\end{qcm}

L'environnement qcm permet de créer un questionnaire à choix multiple interactif. Le nombre de questions n'est pas limité, et le nombre de réponse par question n'est pas limité non plus – il n'est même pas obligé d'être constant : la question 1 peut avoir 5 propositions, et la question 2 deux choix. Une seule réponse peut être correcte.

La note finale est ramenée sur 20 automatiquement, elle est calculée à partir de Javascript (pas de charge serveur, mais pas de possibilité de logger les réponses).

Sur les navigateurs modernes, le QCM s'affichera sur deux colonnes.

Paramètres
Exemple d'utilisation
\begin{qcm}

\question Combien vaut $\sqrt{6+3}$ ?
\answer[right] $3$
\answer $9$
\answer $\pi$

\question Le point virgule doit être suivi d'une espace insécable :
\answer Vrai
\answer[right] Faux

\question Quel est le plus long mot (selon les dictionnaires usuels) de la langue française :
\answer hexakosioihexekontahexaphobie
\answer glycosylphosphatidylinositol
\answer kalepomentaneïnomineïologie
\answer[right] anticonstitutionnellement
\answer apopathodiaphulatophobie
\answer déconstitutionnalisassions
\answer Hippopotomonstrosesquippedaliophobie
\end{qcm}
		 
QCM
Question no 1

Combien vaut \sqrt{6+3} ?




Question no 2

Le point virgule doit être suivi d'une espace insécable :



Question no 3

Quel est le plus long mot (selon les dictionnaires usuels) de la langue française :








Code

Description
\begin[@Lang]{code}
	@CodeSource
\end{code}

L'environnement code vous permet de placer du code informatique colorié dans vos articles, sans qu'il soit mis en forme (tirets, espaces devant la ponctuation). Voir aussi verbatim qui ne colorie pas les codes sources.

Paramètres
Exemple d'utilisation
Code Visual Basic :
\begin[vb]{code}
Private Declare Function GetKeyState Lib "user32" (ByVal nVirtKey As Long) As Integer
Private Declare Function GetCursorPos Lib "user32" (lpPoint As Point) As Long
Private Declare Function ScreenToClient Lib "user32" (ByVal hwnd As Long, lpPoint As Point) As Long
Private Declare Function GetTickCount Lib "kernel32" () As Long
Private Declare Function SetPriorityClass Lib "kernel32" (ByVal hProcess As Long, ByVal dwPriorityClass As Long) As Long
Private Declare Function GetCurrentProcess Lib "kernel32" () As Long
Private Declare Function TextOut Lib "gdi32" Alias "TextOutA" (ByVal hdc As Long, ByVal x As Long, ByVal y As Long, ByVal lpString As String, ByVal nCount As Long) As Long
Private Declare Function SetPixelV Lib "gdi32" (ByVal hdc As Long, ByVal x As Long, ByVal y As Long, ByVal crColor As Long) As Long
\end{code}

Code PHP :
\begin[php]{code}

\end{code}

Code Visual Basic :

Code source (vb)
Private Declare Function GetKeyState Lib "user32" (ByVal nVirtKey As Long) As Integer
Private Declare Function GetCursorPos Lib "user32" (lpPoint As Point) As Long
Private Declare Function ScreenToClient Lib "user32" (ByVal hwnd As Long, lpPoint As Point) As Long
Private Declare Function GetTickCount Lib "kernel32" () As Long
Private Declare Function SetPriorityClass Lib "kernel32" (ByVal hProcess As Long, ByVal dwPriorityClass As Long) As Long
Private Declare Function GetCurrentProcess Lib "kernel32" () As Long
Private Declare Function TextOut Lib "gdi32" Alias "TextOutA" (ByVal hdc As Long, ByVal x As Long, ByVal y As Long, ByVal lpString As String, ByVal nCount As Long) As Long
Private Declare Function SetPixelV Lib "gdi32" (ByVal hdc As Long, ByVal x As Long, ByVal y As Long, ByVal crColor As Long) As Long

Code PHP :

Code source (php)
<?php
	echo "Hello World ";
?>

Dialogue

Description
\begin{dialog}
	@Auteur : @Texte
	@Auteur2 : @Texte2
	...
\end{dialog}

L'environnement dialog vous permet d'insérer un dialogue dans votre texte. Il se veut naturel et sépare texte et auteurs par un symbole deux points.
Un texte peut s'étendre sur plusieurs lignes, attention cependant s'il contient un symbole «  : » le début de la phrase sera considéré comme un auteur. Pour éviter ce comportement, échappez le deux points en le précédant d'un antislash (voir exemple).

Note sur la sémantique : HTML ne définit pas de structure pour les dialogues. En conséquence, le texte est placé dans un div et les auteurs dans une classe auteur. Le Typographe ne style pas ces balises.

Paramètres
Exemple d'utilisation
\begin{dialog}
améthyst : Ont à tous un prof qui nous à rien apprit...
Midori : Quelque chose me dit que tu parles de ta/ton prof de français...
améthyst : Coment tu sait ?
Midori : L'intuition...
\end{dialog}
Note : le style de l'exemple peut varier selon le site où est intégré le Typographe.
améthyst : Ont à tous un prof qui nous à rien apprit…
Midori : Quelque chose me dit que tu parles de ta/ton prof de français…
améthyst : Coment tu sait ?
Midori : L'intuition…

Note : le style de l'exemple peut varier selon le site où est intégré le Typographe.

Index de l'aide

Mis en forme avec le typographe

Auteur
Neamar
Date
2009
Menu
Index des ressources

Chargement du sommaire...