BambaFox version02, p@ge 4/5 :  FoXparleXhtml Source Code Source. 06fev2006, par m@itre Djeault
Ctrl + A, ou cliquer-droit dans cette p@ge Web et sélectionner tout,
puis copier coller le code source
, en noir,
de la p@ge WiKi 
FoXparleXhtml
dans une autre p@ge WiKi 
FoXparleXhtml,
puis effacer le texte,
ici en vert.

Ctrl + A, or right click in this Web p@ge and select all,
copy paste the source code
, in black,
of the WiKi p@ge 
FoXparleXhtml
into another WiKi p@ge 
FoXparleXhtml,
then erase the text
, here in green.
Enlever cette ligne et toutes celles qui la précèdent ; take off this line and all previous ones.
""<a name="top"></a>
<table align="center" cellpadding="0px" cellspacing="0px" width="600px"><tr><td width="128px">
<a href="http://www.djo.ca/FoXparleXhtml.html" onmouseover="i122826.src='http://www.djo.ca/bambafox2.gif'"  onmouseout="i122826.src='http://www.djo.ca/bambafox.gif'"><img src="http://www.djo.ca/bambafox.gif" border="0px" name="i122826" alt="code source de cette p@ge wiki" title="code source de cette p@ge wiki" /></a>
</td><td width="472px">
<img src="http://www.djo.ca/xhtmlbleu.gif" alt="XHTML in WikiNi" border="0px" title="XHTML et WikiNi" /> <font size="2">For English version: ""FoXspeaqsXhtml""</font>
<div align="center">
<font style="background-color: #000066" color="#ffffff" size="3" face="comic sans ms">
@ide-mémoire des codes XHTML valides dans les WiKi<b>s</b> WikiNi</font></div>
<div align="center"><font size="2">
et leurs équivalents en ""FoXmatageWikiNi FoXmattinG"" :</font></div>

<table align="right" width="399px" bgcolor="#000066"><tr><td>
<div align="center">

<script type="text/javascript">
/*
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
*/
function ChangeUrl(formulaire)
    {
    if (formulaire.ListeUrl.selectedIndex != 0)
        {
        location.href = formulaire.ListeUrl.options[formulaire.ListeUrl.selectedIndex].value;
         }
    else
        {
        alert('Veuillez choisir une destination.');
        }
    }
</script>
<!-- DEBUT DU SCRIPT --><!--
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
--><form action="check"><select onchange="ChangeUrl(this.form)" size="1" name="ListeUrl">
<option value="selected">
@ideMemoire</option>

<option value="wakka.php?wiki=FoXmatageWikiNi">
Formatage WikiNi </option>

<option value="wakka.php?wiki=FoXmattinG">
WikiNi Formatting</option>

<option value="wakka.php?wiki=FoXparleXhtml">
ici : XHTML et WikiNi</option>

<option value="wakka.php?wiki=FoXspeaqsXhtml">
XHTML in WikiNi</option>

<option value="wakka.php?wiki=BambaFox">
BambaFox</option>

</select></form><!-- FIN DU SCRIPT -->

</div>
</td><td>
<a href="http://validator.w3.org/check?uri=referer" target="_blank" title="opens in a new window"><img src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Transitional"   height="27" width="88" border="0px" /></a>
</td></tr></table>
</td></tr></table>
<hr />
<div align="center">
<font size="2" face="arial">
<a href="#a">Gras-Italik</a> ::
<a href="#c">Souligné-Effacé</a> ::
<a href="#e">Police</a> ::
<a href="#f">Justifié</a> ::
<a href="#g">Centré</a> ::
<a href="#h">Droite</a> ::
<a href="#i">Retrait</a> ::
<a href="#j">ChLigne</a><br />
<a href="#k">Ligne</a> ::
<a href="#l">Im@ge</a> ::
<a href="#m">Lien</a> ::
<a href="#n">Target</a> ::
<a href="#o">LienIn</a> ::
<a href="#p">Liste</a> ::
<a href="#q">#Liste</a> ::
<a href="#r">Tablo</a> ::
<a href="#s">Titre</a> ::
<a href="#index">Index</a> ::
<a href="#info">Info</a>
</font></div>
<a href="#top"><font size="4"><b>01. (Haut)</b></font></a> ::
<a href="#top2">02.</a> ::
<a href="#top3">03.</a> ::
<a href="#top4">04.</a>""
""<font size="3" face="comic sans ms">""
Avec [[http://djo.ca/wikinitxt.gif WikiNi]], pour allumer l'encodage HTML,
""</font>
<div align="center"><font size="3" face="comic sans ms">"" et //éteindre// le FoXmatageWikiNi FoXmattinG,""</font></div>
<div align="right"><font size="3" face="comic sans ms">simplement écrire deux paires de guillemets doubles ; voici <b>un</b> guillemet double : <b>"</b></font></div><font size="3" face="comic sans ms">""
Tout ce qui se trouve entre ces deux paires
""</font><div align="center"><font size="3" face="comic sans ms">répondra alors à l'encodage HTML,</font></div>
<div align="right"><font size="3" face="comic sans ms">mais ne répondra plus au ""FoXmatageWikiNi FoXmattinG"".</font></div>""
----
""<div align="center"><a name="top2"></a>
<font size="2" face="arial">
<a href="#a">Gras-Italik</a> ::
<a href="#c">Souligné-Effacé</a> ::
<a href="#e">Police</a> ::
<a href="#f">Justifié</a> ::
<a href="#g">Centré</a> ::
<a href="#h">Droite</a> ::
<a href="#i">Retrait</a> ::
<a href="#j">ChLigne</a><br />
<a href="#k">Ligne</a> ::
<a href="#l">Im@ge</a> ::
<a href="#m">Lien</a> ::
<a href="#n">Target</a> ::
<a href="#o">LienIn</a> ::
<a href="#p">Liste</a> ::
<a href="#q">#Liste</a> ::
<a href="#r">Tablo</a> ::
<a href="#s">Titre</a> ::
<a href="#index">Index</a> ::
<a href="#info">Info</a>
</font></div>
<a href="#top">01. (Haut)</a> ::
<a href="#top2"><font size="4"><b>02.</b></font></a> ::
<a href="#top3">03.</a> ::
<a href="#top4">04.</a>""

2. Un WiKi WikiNi est un endroit idéal où se familiariser avec le HTML, parce qu'**un changement de ligne, en cliquant "Enter"**, quand on édite en HTML **n'en crée pas un dans la p@ge WiKi publiée**, comme c'est le cas dans plusieurs forums phpBB et blogues, et aussi, avec le **FoXmatageWikiNi FoXmattinG** :

conséquemment, **chaque balise HTML //peut// avoir sa propre ligne**,
sans pour autant créer une ligne vide dans la p@ge publiée.

Le code XHTML <br /> crée un changement de ligne :
ainsi, à l'édition d'une p@ge WiKi, **que l'on écrive**
""<font size="1">""(entre des paires de guillemets doubles, au lieu d'un seul ")""</font>""
 "voici la première ligne<br />et voici la deuxième,"

""<table align="center" bgcolor="#cccccc" cellpadding="0px" cellspacing="0px" width="600px">
<tr bgcolor="#ffffff"><td width="300px">
<font color="#000000"><b>ou bien</b></font>
</td><td width="300px">
<font color="#000000"><b>ou encore</b></font>
</td></tr><tr><td width="300px"><font color="#000000">
"""
voici la première ligne<br />
et voici la deuxième,
"""</font>
</td><td width="300px" bgcolor="#ccccff"><font color="#000000">"""
voici la première ligne
<br />
et voici la deuxième,
"""</font>
</td></tr><tr bgcolor="#ffffff"><td width="300px"><div align="center">
<font color="#000000">dans la p@ge WiKi publiée, <b>on lira</b> :</font></div>
</td><td width="300px">
<font color="#000000">Voici la première ligne<br />et voici la deuxième.</font>
</td></tr></table>""
----
""<div align="center"><a name="top3"></a>
<font size="2" face="arial">
<a href="#a">Gras-Italik</a> ::
<a href="#c">Souligné-Effacé</a> ::
<a href="#e">Police</a> ::
<a href="#f">Justifié</a> ::
<a href="#g">Centré</a> ::
<a href="#h">Droite</a> ::
<a href="#i">Retrait</a> ::
<a href="#j">ChLigne</a><br />
<a href="#k">Ligne</a> ::
<a href="#l">Im@ge</a> ::
<a href="#m">Lien</a> ::
<a href="#n">Target</a> ::
<a href="#o">LienIn</a> ::
<a href="#p">Liste</a> ::
<a href="#q">#Liste</a> ::
<a href="#r">Tablo</a> ::
<a href="#s">Titre</a> ::
<a href="#index">Index</a> ::
<a href="#info">Info</a>
</font></div>
<a href="#top">01. (Haut)</a> ::
<a href="#top2">02.</a> ::
<a href="#top3"><font size="4"><b>03.</b></font></a> ::
<a href="#top4">04.</a>""

3. Donc, pour changer de ligne entre deux paires de guillemets doubles,
 on peut utiliser le code <br /> ; de plus, les codes
  <hr />, <div align="x">, <blockquote>, <table>, <h1> à <h7>
   créent eux aussi un changement de ligne.

**Notez** qu'avec le HTML 4.0 transitionnel, excepté pour les trois codes
 <br>, <hr> et <img src="URL_@ddress of Im@ge">,
  les autres codes HTML doivent tous être fermés :
   par exemple, la balise <b>, pour les caractères **gras**,
    est fermée par la balise </b>.

**Notez** également qu'avec le XHTML 1.0 transitionnel, la norme chez ""WikiNi"",
 **tous les codes XHTML doivent être fermés**, incluant

 <br />, <hr />, <img src="@dresseURLdeLim@ge" alt="obligatoire" />,

 lesquels sont fermés à l'intérieur même de leur balise d'ouverture,
  avec un espace et une barre oblique.

**Notez** aussi qu'avec le code **img**, l'attribut **alt="x"** est obligatoire, en XHTML 1.0.

----
""<div align="center"><a name="top4"></a>
<font size="2" face="arial">
<a href="#a">Gras-Italik</a> ::
<a href="#c">Souligné-Effacé</a> ::
<a href="#e">Police</a> ::
<a href="#f">Justifié</a> ::
<a href="#g">Centré</a> ::
<a href="#h">Droite</a> ::
<a href="#i">Retrait</a> ::
<a href="#j">ChLigne</a><br />
<a href="#k">Ligne</a> ::
<a href="#l">Im@ge</a> ::
<a href="#m">Lien</a> ::
<a href="#n">Target</a> ::
<a href="#o">LienIn</a> ::
<a href="#p">Liste</a> ::
<a href="#q">#Liste</a> ::
<a href="#r">Tablo</a> ::
<a href="#s">Titre</a> ::
<a href="#index">Index</a> ::
<a href="#info">Info</a>
</font></div>
<a href="#top">01. (Haut)</a> ::
<a href="#top2">02.</a> ::
<a href="#top3">03.</a> ::
<a href="#top4"><font size="4"><b>04.</b></font></a>""

4. Prendre également note que lorsqu'on utilise ensemble plusieurs **codes**,

 qu'on **devrait les refermer dans l'ordre inverse de leur entrée** :

par exemple, si on met le texte en retrait, et qu'on le justifie et le colore en bleu,
on écrit, avec WikiNi, entre deux paires de guillemets doubles,

<blockquote>
<div align="justify">
<font color="#3333ff">
avant le texte, puis, on ferme les balises dans l'ordre inverse de leurs entrées :
</font>
</div>
</blockquote>

**Un autre exemple :**
<b><i><u>Texte gras, italique, souligné.</u></i></b> = ""<b><i><u>Texte gras, italique, souligné.</u></i></b>
""

Finalement, les attributs sont toujours paramétrés entre **2** guillemets doubles,
 par ex : <div align="center"> </div>, ou <font color="#0000ff" size="2"> </font>

----
""<div align="center"><a name="a"></a>
<font size="2" face="arial">
<a href="#top">Haut</a> :
<a href="#a"><font size="4"><b>Gras</b></font><b>-Italik</b></a> :
<a href="#c">Souligné-Effacé</a> :
<a href="#e">Police</a> :
<a href="#f">Justifié</a> :
<a href="#g">Centré</a> :
<a href="#h">Droite</a> :
<a href="#i">Retrait</a> :
<a href="#j">ChLigne</a><br />
<a href="#k">Ligne</a> :
<a href="#l">Im@ge</a> :
<a href="#m">Lien</a> :
<a href="#n">Target</a> :
<a href="#o">LienIn</a> :
<a href="#p">Liste</a> :
<a href="#q">#Liste</a> :
<a href="#r">Tablo</a> :
<a href="#s">Titre</a> :
<a href="#index">Index</a> :
<a href="#info">Info</a>
</font></div>""
a. Pour les caractères **Gras**

Avec WikiNi, entre deux paires de guillemets doubles,

écrire <b>avant le texte et</b> après.

""<font size="1">""Équivalent en FoXmatageWikiNi FoXmattinG : ""**Gras**"" = **Gras**""</font>""

""<hr /><div align="center"><a name="b"></a>
<font size="2" face="arial">
<a href="#top">Haut</a> :
<a href="#a">Gras-<font size="4">Italik</font></a> :
<a href="#c">Souligné-Effacé</a> :
<a href="#e">Police</a> :
<a href="#f">Justifié</a> :
<a href="#g">Centré</a> :
<a href="#h">Droite</a> :
<a href="#i">Retrait</a> :
<a href="#j">ChLigne</a><br />
<a href="#k">Ligne</a> :
<a href="#l">Im@ge</a> :
<a href="#m">Lien</a> :
<a href="#n">Target</a> :
<a href="#o">LienIn</a> :
<a href="#p">Liste</a> :
<a href="#q">#Liste</a> :
<a href="#r">Tablo</a> :
<a href="#s">Titre</a> :
<a href="#index">Index</a> :
<a href="#info">Info</a>
</font></div>""
b. **Pour les caractères en //italique//**

Avec WikiNi, entre deux paires de guillemets doubles,

écrire <i>avant le texte et</i> après.

""<font size="1">""Équivalent en FoXmatageWikiNi FoXmattinG : ""//Italique//"" = //Italique//""</font>""

""<hr /><div align="center"><a name="c"></a>
<font size="2" face="arial">
<a href="#top">Haut</a> :
<a href="#a">Gras-Italik</a>
<a href="#c"><font size="4"><b>Souligné</b></font>-Effacé</a> :
<a href="#e">Police</a> :
<a href="#f">Justifié</a> :
<a href="#g">Centré</a> :
<a href="#h">Droite</a> :
<a href="#i">Retrait</a> :
<a href="#j">ChLigne</a><br />
<a href="#k">Ligne</a> :
<a href="#l">Im@ge</a> :
<a href="#m">Lien</a> :
<a href="#n">Target</a> :
<a href="#o">LienIn</a> :
<a href="#p">Liste</a> :
<a href="#q">#Liste</a> :
<a href="#r">Tablo</a> :
<a href="#s">Titre</a> :
<a href="#index">Index</a> :
<a href="#info">Info</a>
</font></div>""
c. **Pour les caractères __soulignés__**

Avec WikiNi, entre deux paires de guillemets doubles,

écrire <u>avant le texte et</u> après.

""<font size="1">""Équivalent en FoXmatageWikiNi FoXmattinG : ""__Souligné__"" = __Souligné__""</font>""

""<hr /><div align="center"><a name="d"></a>
<font size="2" face="arial">
<a href="#top">Haut</a> :
<a href="#a">Gras-Italik</a> :
<a href="#c">Souligné<font size="4" face="arial">-Effacé</font></a> :
<a href="#e">Police</a> :
<a href="#f">Justifié</a> :
<a href="#g">Centré</a> :
<a href="#h">Droite</a> :
<a href="#i">Retrait</a> :
<a href="#j">ChLigne</a><br />
<a href="#k">Ligne</a> :
<a href="#l">Im@ge</a> :
<a href="#m">Lien</a> :
<a href="#n">Target</a> :
<a href="#o">LienIn</a> :
<a href="#p">Liste</a> :
<a href="#q">#Liste</a> :
<a href="#r">Tablo</a> :
<a href="#s">Titre</a> :
<a href="#index">Index</a> :
<a href="#info">Info</a>
</font></div>""
d. **Pour """<s>effacer"</s>"" du texte**

Avec WikiNi, entre deux paires de guillemets doubles,

écrire <s>avant le texte et</s> après.

""<font size="1">""Équivalent en FoXmatageWikiNi FoXmattinG : ""@@biffé@@"" = @@biffé@@""</font>""

""<hr /><div align="center"><a name="e"></a>
<font size="2" face="arial">
<a href="#top">Haut</a> :
<a href="#a">Gras-Italik</a> :
<a href="#c">Souligné-Effacé</a> :
<a href="#e"><font size="4" face="arial"><b>Police</b></font></a> :
<a href="#f">Justifié</a> :
<a href="#g">Centré</a> :
<a href="#h">Droite</a> :
<a href="#i">Retrait</a> :
<a href="#j">ChLigne</a><br />
<a href="#k">Ligne</a> :
<a href="#l">Im@ge</a> :
<a href="#m">Lien</a> :
<a href="#n">Target</a> :
<a href="#o">LienIn</a> :
<a href="#p">Liste</a> :
<a href="#q">#Liste</a> :
<a href="#r">Tablo</a> :
<a href="#s">Titre</a> :
<a href="#index">Index</a> :
<a href="#info">Info</a>
</font></div>""
e. **Police** ""<a href="#e"><font size="4"><b>Couleurs</b></font></a> ::
<a href="#x">Types</a> ::
<a href="#y">Formats</a> ::
<a href="#z">Surlignage</a>""
""<font size="1">""Pas d'équivalent en FoXmatageWikiNi FoXmattinG"", sauf <a href="http://recitmst.qc.ca/wikinimst/wakka.php?wiki=ReglesDeFormatage" title="WikiNi adapté"><b>ici</b></a>.</font>""

**Pour colorer** //un texte court//, écrire
""<font size="1">(dans WikiNi, avec des paires de guillemets doubles, au lieu d'un seul <u>"</u>)</font>""

__"__<font color="#009900">au choix, avant le texte vert et après : </font>__"__

donnera : ""<font style="background-color: #ffffff" color="#009900">au choix, avant le texte vert et après : </font> ""

Pour //les textes plus longs//, donner une ligne à chaque balise et écrire, au choix, ""
<br />
<table align="center" cellpadding="0px" cellspacing="0px" width="600px"><tr><td bgcolor="#ffffff" width="300px"><font color="#000000">
""
__"__
<font color="#009900">
avant le texte,
qui **répondra au HTML**,
et après :
</font>
__"__""</font>
</td><td bgcolor="#ffffcc" width="300px"><font color="#000000">
""__"__<font color="#009900">__"__
avant le texte,
qui ici **répond au
FoXmatageWikiNi FoXmattinG**,
et après :
__"__</font>__"__""</font>
</td></tr></table>
<br />
<div align="center"><a href="http://www.pescadoo.net/html/star.html" title="ouvre dans une nouvelle fenetre" target="_blank"> Pour choisir un numéro de couleur.</a></div>""
----
""<a name="x"></a><div align="center">
<font size="2" face="arial">
<a href="#top">Haut</a> :
<a href="#a">Gras-Italik</a> :
<a href="#c">Souligné-Effacé</a> :
<a href="#e"><font size="4"><b>Police</b></font></a> :
<a href="#f">Justifié</a> :
<a href="#g">Centré</a> :
<a href="#h">Droite</a> :
<a href="#i">Retrait</a> :
<a href="#j">ChLigne</a><br />
<a href="#k">Ligne</a> :
<a href="#l">Im@ge</a> :
<a href="#m">Lien</a> :
<a href="#n">Target</a> :
<a href="#o">LienIn</a> :
<a href="#p">Liste</a> :
<a href="#q">#Liste</a> :
<a href="#r">Tablo</a> :
<a href="#s">Titre</a> :
<a href="#index">Index</a> :
<a href="#info">Info</a>
</font>
</div>""
**Police** ""<a href="#e">Couleurs</a> ::
<a href="#x"><font size="4"><b>Types</b></font></a> ::
<a href="#y">Formats</a> ::
<a href="#z">Surlignage</a>""

Avec WikiNi, entre deux paires de guillemets doubles,

 ces attributs <font face> créent ce qui suit :

<font face="comic sans ms">Exemple Comic Sans MS.</font> = ""<font face="comic sans ms">Exemple Comic Sans MS.</font>""

<font face="arial"><b>Exemple Bold Arial.</b></font> = ""<font face="arial"><b>Exemple Bold Arial.</b></font>""

<font face="arial">Exemple Arial.</font> = ""<font face="arial">Exemple Arial.</font>""

<font face="times new roman"> Exemple Times New Roman.</font> = ""<font face="times new roman">Exemple Times New Roman.</font>""

 Voici un exemple d'une balise <font>, avec trois attributs différents :

<font **color**="#0000ff" **face**="comic sans ms" **size**="4">Exemple</font> = ""<font color="#0000ff" face="comic sans ms" size="4">Exemple</font>""

----
""<a name="y"></a>
<div align="center">
<font size="2" face="arial">
<a href="#top">Haut</a> :
<a href="#a">Gras-Italik</a> :
<a href="#c">Souligné-Effacé</a> :
<a href="#e"><font size="4"><b>Police</b></font></a> :
<a href="#f">Justifié</a> :
<a href="#g">Centré</a> :
<a href="#h">Droite</a> :
<a href="#i">Retrait</a> :
<a href="#j">ChLigne</a><br />
<a href="#k">Ligne</a> :
<a href="#l">Im@ge</a> :
<a href="#m">Lien</a> :
<a href="#n">Target</a> :
<a href="#o">LienIn</a> :
<a href="#p">Liste</a> :
<a href="#q">#Liste</a> :
<a href="#r">Tablo</a> :
<a href="#s">Titre</a> :
<a href="#index">Index</a> :
<a href="#info">Info</a>
</font>
</div>""
**Police** ""<a href="#e">Couleurs</a> ::
<a href="#x">Police</a> ::
<a href="#y"><font size="4"><b>Formats</b></font></a> ::
<a href="#z">Surlignage</a>
<br />
<br />""Avec WikiNi, entre deux paires de guillemets doubles,

<font size="1">Format #1</font> = ""<font size="1">Format #1</font>""

<font size="2">Format #2</font> = ""<font size="2">Format #2</font>""

<font size="3">Format #3</font> = ""<font size="3">Format #3</font>""

<font size="4">Format #4</font> = ""<font size="4">Format #4</font>""

<font size="5">Format #5</font> = ""<font size="5">Format #5</font>""

<font size="6">Format #6</font> = ""<font size="6">Format #6</font>""

<font size="7">Format #7</font> = ""<font size="7">Format #7</font>""

----
""<a name="z"></a><div align="center">
<font size="2" face="arial">
<a href="#top">Haut</a> :
<a href="#a">Gras-Italik</a> :
<a href="#c">Souligné-Effacé</a> :
<a href="#e"><font size="4"><b>Police</b></font></a> :
<a href="#f">Justifié</a> :
<a href="#g">Centré</a> :
<a href="#h">Droite</a> :
<a href="#i">Retrait</a> :
<a href="#j">ChLigne</a><br />
<a href="#k">Ligne</a> :
<a href="#l">Im@ge</a> :
<a href="#m">Lien</a> :
<a href="#n">Target</a> :
<a href="#o">LienIn</a> :
<a href="#p">Liste</a> :
<a href="#q">#Liste</a> :
<a href="#r">Tablo</a> :
<a href="#s">Titre</a> :
<a href="#index">Index</a> :
<a href="#info">Info</a>
</font>
</div>""
**Polices** ""<a href="#e">Couleurs</a> ::
<a href="#x">Types</a> ::
<a href="#y">Formats</a> ::
<a href="#z"><font size="4"><b>Surlignage</b></font></a>""

**Voici un arc-en-ciel chromatique de codes XHTML**
 **pour surligner (et colorer) du texte**. De A à O.
Rappel : dans un WiKi WikiNi, ces codes HTML doivent être entre **deux paires** de **"**

""
<b>Surlignage</b>
<a href="#z"><font size="4"><b>_A B C_</b></font></a> ::
<a href="#e2">_D E F G_</a> ::
<a href="#e3">_H I J K_</a> ::
<a href="#e4">_L M N O_</a>""
**A**
<font style="background-color: #000000" color="#ffffff">
~Texte blanc avec fond noir</font>
""
<font style="background-color: #000000" color="#ffffff">~Texte blanc avec fond black</font>
""
----
**B**
<font style="background-color: #cc99ff" color="#660099">
~Texte violet avec fond mauve</font>
""
<font style="background-color: #cc99ff" color="#660099">
~Texte violet avec fond mauve</font>
""
----
**C**
<font style="background-color: #660099" color="#ffffff">
~Texte blanc avec fond violet</font>
""
<font style="background-color: #660099" color="#ffffff">
~Texte blanc avec fond violet</font>
""
----
""
<a name="e2"></a>
<div align="center">
<font size="2" face="arial">
<a href="#top">Haut</a> :
<a href="#a">Gras-Italik</a> :
<a href="#c">Souligné-Effacé</a> :
<a href="#e"><font size="4"><b>Police</b></font></a> :
<a href="#f">Justifié</a> :
<a href="#g">Centré</a> :
<a href="#h">Droite</a> :
<a href="#i">Retrait</a> :
<a href="#j">ChLigne</a><br />
<a href="#k">Ligne</a> :
<a href="#l">Im@ge</a> :
<a href="#m">Lien</a> :
<a href="#n">Target</a> :
<a href="#o">LienIn</a> :
<a href="#p">Liste</a> :
<a href="#q">#Liste</a> :
<a href="#r">Tablo</a> :
<a href="#s">Titre</a> :
<a href="#index">Index</a> :
<a href="#info">Info</a>
</font>
</div>
<br />
<b>Surlignage</b>
<a href="#z">_A B C_</a> ::
<a href="#e2"><font size="4"><b>_D E F G_</b></font></a> ::
<a href="#e3">_H I J K_</a> ::
<a href="#e4">_L M N O_</a>""
**D**
<font style="background-color: #99ffff" color="#0000ff">
~Texte bleu avec fond bleu ciel</font>
""
<font style="background-color: #99ffff" color="#0000ff">
~Texte bleu avec fond bleu ciel</font>
""
----
**E**
<font style="background-color: #0000ff" color="#99ffff">
~Texte bleu ciel avec fond bleu</font>
""
<font style="background-color: #0000ff" color="#99ffff">
~Texte bleu ciel avec fond bleu</font>
""
----
**F**
<font style="background-color: #33cc33" color="#003300">
~Texte vert avec fond vert pale</font>
""
<font style="background-color: #33cc33" color="#003300">
~Texte vert avec fond vert pale</font>
""
----
**G**
<font style="background-color: #003300" color="#33cc33">
~Texte vert pale avec fond vert</font>
""
<font style="background-color: #003300" color="#33cc33">
~Texte vert pale avec fond vert</font>
""
----
""<a name="e3"></a>
<div align="center">
<font size="2" face="arial">
<a href="#top">Haut</a> :
<a href="#a">Gras-Italik</a> :
<a href="#c">Souligné-Effacé</a> :
<a href="#e"><font size="4" face="arial"><b>Police</b></font></a> :
<a href="#f">Justifié</a> :
<a href="#g">Centré</a> :
<a href="#h">Droite</a> :
<a href="#i">Retrait</a> :
<a href="#j">ChLigne</a><br />
<a href="#k">Ligne</a> :
<a href="#l">Im@ge</a> :
<a href="#m">Lien</a> :
<a href="#n">Target</a> :
<a href="#o">LienIn</a> :
<a href="#p">Liste</a> :
<a href="#q">#Liste</a> :
<a href="#r">Tablo</a> :
<a href="#s">Titre</a> :
<a href="#index">Index</a> :
<a href="#info">Info</a>
</font>
</div>
<br />
<b>Surlignage</b>
<a href="#z">_A B C_</a> ::
<a href="#e2">_D E F G_</a> ::
<a href="#e3"><font size="4" face="arial"><b>_H I J K_</b></font></a> ::
<a href="#e4">_L M N O_</a>""
**H**
<font style="background-color: #cccc33" color="#333300">
~Texte foncé avec fond jaune</font>
""
<font style="background-color: #cccc33" color="#333300">
~Texte foncé avec fond jaune</font>
""
----
**I**
<font style="background-color: #333300" color="#cccc33">
~Texte jaune avec fond foncé</font>
""
<font style="background-color: #333300" color="#cccc33">
~Texte jaune avec fond foncé</font>
""
----
**J**
<font style="background-color: #FF9900" color="#663300">
~Texte brûlé avec fond orange</font>
""
<font style="background-color: #FF9900" color="#663300">
~Texte brûlé avec fond orange</font>
""
----
**K**
<font style="background-color: #663300" color="#ff9900">
~Texte orange avec fond brûlé</font>
""
<font style="background-color: #663300" color="#ff9900">
~Texte orange avec fond brûlé</font>
""
----
""<a name="e4"></a>
<div align="center">
<font size="2" face="arial">
<a href="#top">Haut</a> :
<a href="#a">Gras-Italik</a> :
<a href="#c">Souligné-Effacé</a> :
<a href="#e"><font size="4"><b>Police</b></font></a> :
<a href="#f">Justifié</a> :
<a href="#g">Centré</a> :
<a href="#h">Droite</a> :
<a href="#i">Retrait</a> :
<a href="#j">ChLigne</a><br />
<a href="#k">Ligne</a> :
<a href="#l">Im@ge</a> :
<a href="#m">Lien</a> :
<a href="#n">Target</a> :
<a href="#o">LienIn</a> :
<a href="#p">Liste</a> :
<a href="#q">#Liste</a> :
<a href="#r">Tablo</a> :
<a href="#s">Titre</a> :
<a href="#index">Index</a> :
<a href="#info">Info</a>
</font>
</div>
<br />
<b>Surlignage</b>
<a href="#z">_A B C_</a> ::
<a href="#e2">_D E F G_</a> ::
<a href="#e3">_H I J K_</a> ::
<a href="#e4"><font size="4"><b>_L M N O_</b></font></a>""
**L**
<font style="background-color: #ff99cc" color="#990000">
~Texte rouge avec fond rose</font>
""
<font style="background-color: #ff99cc" color="#990000">
~Texte rouge avec fond rose</font>
""
----
**M**
<font style="background-color: #990000" color="#ff99cc">
~Texte rose  avec fond rouge</font>
""
<font style="background-color: #990000" color="#ff99cc">
~Texte rose  avec fond rouge</font>
""
----
**N**
<font style="background-color: #cccccc" color="#000000">
~Texte noir  avec fond gris</font>
""
<font style="background-color: #cccccc" color="#000000">
~Texte noir avec fond gris</font>
""
----
**O**
<font style="background-color: #ffffff" color="#000000">
~Texte noir  avec fond blanc</font>
""
<font style="background-color: #ffffff" color="#000000">
~Texte noir avec fond blanc</font>
<br /><br />
<hr /><div align="center"><a name="f"></a>
<font size="2" face="arial">
<a href="#top">Haut</a> :
<a href="#a">Gras-Italik</a> :
<a href="#c">Souligné-Effacé</a> :
<a href="#e">Police</a> :
<a href="#f"><font size="4"><b>Justifié</b></font></a> :
<a href="#g">Centré</a> :
<a href="#h">Droite</a> :
<a href="#i">Retrait</a> :
<a href="#j">ChLigne</a><br />
<a href="#k">Ligne</a> :
<a href="#l">Im@ge</a> :
<a href="#m">Lien</a> :
<a href="#n">Target</a> :
<a href="#o">LienIn</a> :
<a href="#p">Liste</a> :
<a href="#q">#Liste</a> :
<a href="#r">Tablo</a> :
<a href="#s">Titre</a> :
<a href="#index">Index</a> :
<a href="#info">Info</a>
</font></div>""
f. **Pour justifier du texte //habituellement long//**
""<font size="1">""Pas d'équivalent en FoXmatageWikiNi FoXmattinG !""</font>""

Écrire ""<font size="1">(dans WikiNi, avec des paires de guillemets doubles, au lieu d'un seul <u>"</u>)</font>""

__"__
<div align="justify">
avant votre texte, qui ici répondra au HTML, et ensuite :
</div>
__"__

ou encore

__"__<div align="justify">__"__
avant votre texte, qui ici répondra au FoXmatageWikiNi FoXmattinG, et ensuite :
__"__</div>__"__

""<table align="center" bgcolor="#ccffff" width="155px"><tr><td><div align="justify">
<font color="#0000ff">
Quand on justifie du texte, on l'aligne aux deux marges, celle de gauche et celle de droite.</font>
</div></td></tr></table>""
""<hr /><div align="center"><a name="g"></a>
<font size="2" face="arial">
<a href="#top">Haut</a> :
<a href="#a">Gras-Italik</a> :
<a href="#c">Souligné-Effacé</a> :
<a href="#e">Police</a> :
<a href="#f">Justifié</a> :
<a href="#g"><font size="4"><b>Centré</b></font></a> :
<a href="#h">Droite</a> :
<a href="#i">Retrait</a> :
<a href="#j">ChLigne</a><br />
<a href="#k">Ligne</a> :
<a href="#l">Im@ge</a> :
<a href="#m">Lien</a> :
<a href="#n">Target</a> :
<a href="#o">LienIn</a> :
<a href="#p">Liste</a> :
<a href="#q">#Liste</a> :
<a href="#r">Tablo</a> :
<a href="#s">Titre</a> :
<a href="#index">Index</a> :
<a href="#info">Info</a>
</font></div>""
g. **Pour centrer du contenu textuel ou graphique**
""<font size="1">""Pas d'équivalent en FoXmatageWikiNi FoXmattinG!""</font>""

Avec un texte court, écrire ""<font size="1">(dans WikiNi, avec des paires de guillemets doubles, au lieu d'un seul <u>"</u>)</font>""

__"__<div align="center">avant votre texte et ensuite :</div>__"__

 ou, avec un texte plus long,

__"__<div align="center">
avant votre texte, qui ici répondra au HTML, et ensuite :
</div>__"__

ou

__"__<div align="center">__"__
avant votre texte, qui ici répondra
au FoXmatageWikiNi FoXmattinG, et ensuite :
__"__</div>__"__


""<div align="center"><b>Texte centré.</b></div>""
""<hr /><div align="center"><a name="h"></a>
<font size="2" face="arial">
<a href="#top">Haut</a> :
<a href="#a">Gras-Italik</a> :
<a href="#c">Souligné-Effacé</a> :
<a href="#e">Police</a> :
<a href="#f">Justifié</a> :
<a href="#g">Centré</a> :
<a href="#h"><font size="4"><b>Droite</b></font></a> :
<a href="#i">Retrait</a> :
<a href="#j">ChLigne</a><br />
<a href="#k">Ligne</a> :
<a href="#l">Im@ge</a> :
<a href="#m">Lien</a> :
<a href="#n">Target</a> :
<a href="#o">LienIn</a> :
<a href="#p">Liste</a> :
<a href="#q">#Liste</a> :
<a href="#r">Tablo</a> :
<a href="#s">Titre</a> :
<a href="#index">Index</a> :
<a href="#info">Info</a>
</font></div>""
h. **Pour aligner à droite du contenu textuel ou graphique**
""<font size="1">""Pas d'équivalent en FoXmatageWikiNi FoXmattinG !""</font>""

Pour du texte //court//, comme la date, écrire ""<font size="1">""
(dans WikiNi, avec des paires de guillemets doubles, au lieu d'un seul __"__)""</font>""

__"__<div align="right">avant votre texte et ensuite :</div>__"__

ou, pour du texte //rarement// plus long, écrire

__"__
<div align="right">
avant votre texte, qui ici répondra au HTML, et ensuite :
</div>
__"__

ou

__"__<div align="right">__"__
avant votre texte, qui ici répondra
au FoXmatageWikiNi FoXmattinG, et ensuite :
__"__</div>__"__
""<div align="right">Les signatures peuvent être alignées à droite.</div>""
""<hr /><div align="center"><a name="i"></a>
<font size="2" face="arial">
<a href="#top">Haut</a> :
<a href="#a">Gras-Italik</a> :
<a href="#c">Souligné-Effacé</a> :
<a href="#e">Police</a> :
<a href="#f">Justifié</a> :
<a href="#g">Centré</a> :
<a href="#h">Droite</a> :
<a href="#i"><font size="4"><b>Retrait</b></font></a> :
<a href="#j">ChLigne</a><br />
<a href="#k">Ligne</a> :
<a href="#l">Im@ge</a> :
<a href="#m">Lien</a> :
<a href="#n">Target</a> :
<a href="#o">LienIn</a> :
<a href="#p">Liste</a> :
<a href="#q">#Liste</a> :
<a href="#r">Tablo</a> :
<a href="#s">Titre</a> :
<a href="#index">Index</a> :
<a href="#info">Info</a>
</font></div>""
i. **Pour mettre en retrait du texte //habituellement long//**

Écrire ""<font size="1">""(dans WikiNi, avec des paires de guillemets doubles, au lieu d'un seul __"__)""</font>""

__"__
<blockquote>
avant votre texte et ensuite :
</blockquote>
__"__

ou encore

__"__
<blockquote><div align="justify"><font color="#0000ff">
avant votre texte; ensuite, écrire les balises de fermeture, dans l'ordre inverse.
</font></div></blockquote>
__"__

Ce paragraphe est en retrait :
""<blockquote><font size="1">""L'équivalent en FoXmatageWikiNi FoXmattinG est possible en insérant un, deux, trois espaces, voire quatre, en début de ligne ou de paragraphe.""</font></blockquote>""
""<hr /><div align="center"><a name="j"></a>
<font size="2" face="arial">
<a href="#top">Haut</a> :
<a href="#a">Gras-Italik</a> :
<a href="#c">Souligné-Effacé</a> :
<a href="#e">Police</a> :
<a href="#f">Justifié</a> :
<a href="#g">Centré</a> :
<a href="#h">Droite</a> :
<a href="#i">Retrait</a> :
<a href="#j"><font size="4"><b>ChLigne</b></font></a><br />
<a href="#k">Ligne</a> :
<a href="#l">Im@ge</a> :
<a href="#m">Lien</a> :
<a href="#n">Target</a> :
<a href="#o">LienIn</a> :
<a href="#p">Liste</a> :
<a href="#q">#Liste</a> :
<a href="#r">Tablo</a> :
<a href="#s">Titre</a> :
<a href="#index">Index</a> :
<a href="#info">Info</a>
</font></div>""
j. **Pour changer de ligne** ou //retour de ligne forcé//

Le code XHTML <br /> crée un changement de ligne, alors qu'un simple changement de ligne, en cliquant "Enter", lors de l'édition, n'en crée pas un dans la p@ge WiKi publiée, où le FoXmatageWikiNi est fermé. Conséquemment, dans WikiNi, pour une meilleure visualisation des p@ges (longues), quand on les modifie, le code <br /> n'a pas à toucher le dernier mot de la première ligne et le premier mot de la deuxième :
""<font size="1">""(dans WikiNi, avec des paires de guillemets doubles, au lieu d'un seul ")""</font>""

"ceci est la première ligne<br />et cela, la deuxième"

""<table align="center" bgcolor="#cccccc" cellpadding="0px" cellspacing="0px" width="600px">
<tr bgcolor="#ffffff"><td width="320px">
pourrait donc être remplacé par
</td><td width="280px">
ou encore, par
</td></tr><tr><td width="320px">
"""
ceci est la première ligne<br />
et cela, la deuxième
"""
</td><td width="280px">"""
ceci est la première ligne
<br />
et cela, la deuxième
"""
</td></tr><tr bgcolor="#ffffff"><td width="320px"><div align="center">
<font color="#000000">pour le même résultat dans la p@ge publiée:</font></div>
</td><td width="280px">
<font color="#000000">ceci est la première ligne<br />et cela, la deuxième</font>
</td></tr></table><br />
<font size="1">""Équivalent en FoXmatageWikiNi FoXmattinG :
a) si on écrit ""---"", ce qui suit sera à la ligne suivante. =
si on écrit ---, ce qui suit sera à la ligne suivante.
b)Simplement cliquer "Enter" and changer de ligne.""</font>""

""<hr /><div align="center"><a name="k"></a>
<font size="2" face="arial">
<a href="#top">Haut</a> :
<a href="#a">Gras-Italik</a> :
<a href="#c">Souligné-Effacé</a> :
<a href="#e">Police</a> :
<a href="#f">Justifié</a> :
<a href="#g">Centré</a> :
<a href="#h">Droite</a> :
<a href="#i">Retrait</a> :
<a href="#j">ChLigne</a><br />
<a href="#k"><font size="4"><b>Ligne</b></font></a> :
<a href="#l">Im@ge</a> :
<a href="#m">Lien</a> :
<a href="#n">Target</a> :
<a href="#o">LienIn</a> :
<a href="#p">Liste</a> :
<a href="#q">#Liste</a> :
<a href="#r">Tablo</a> :
<a href="#s">Titre</a> :
<a href="#index">Index</a> :
<a href="#info">Info</a>
</font></div>""
k. **Pour créer un ligne, ou //séparateur horizontal//, comme celle dans et sous ce paragraphe "k"**

 Dans WikiNi, entre deux paires de guillemets doubles,

si on écrit jusqu'à**<hr />**puis, qu'on continue d'écrire juste après,

 on crée :

""Si on écrit jusqu'à<hr />puis, qu'on continue d'écrire juste après,""

 Pour le même résultat, avec WikiNi,

on termine le paragraphe, on change de ligne et écrit
<hr />
puis, on change de ligne et on continue d'écrire ...

 Cela favorise une meilleure visualisation des (longues) p@ges quand on les modifie.

""<font size="1">""Équivalent en FoXmatageWikiNi FoXmattinG :
Écrire 4 tirets, "-", crée une ligne.""</font>""

""<hr /><div align="center"><a name="l"></a>
<font size="2" face="arial">
<a href="#top">Haut</a> :
<a href="#a">Gras-Italik</a> :
<a href="#c">Souligné-Effacé</a> :
<a href="#e">Police</a> :
<a href="#f">Justifié</a> :
<a href="#g">Centré</a> :
<a href="#h">Droite</a> :
<a href="#i">Retrait</a> :
<a href="#j">ChLigne</a><br />
<a href="#k">Ligne</a> :
<a href="#l"><font size="4"><b>Im@ges</b></font></a> :
<a href="#m">Lien</a> :
<a href="#n">Target</a> :
<a href="#o">LienIn</a> :
<a href="#p">Liste</a> :
<a href="#q">#Liste</a> :
<a href="#r">Tablo</a> :
<a href="#s">Titre</a> :
<a href="#index">Index</a> :
<a href="#info">Info</a>
</font></div>""
l. **Pour insérer une im@ge**
""<a href="#l"><font size="4" face="arial"><b>1/3</b></font></a> :: <a href="#l2">2/3</a> :: <a href="#l3">3/3</a>.<font size="1">""
Explications, en anglais, on [[http://www.djo.ca/cbbz00.html#Domaines URL @ddresses]] and [[http://www.djo.ca/cbbz03.html#paint Im@ges]].""</font>""

Dans WikiNi, entre deux paires de guillemets doubles, écrire

<img src="adresseURLdeLimage" alt="obligatoire" title="facultatif" />

Dans le code balise **img**, l'attribut **alt** est obligatoire.

**Pour créer une im@ge centrée qui est un lien**, écrire

<div align="center">
<a href="http://www.wikini.net/" title="WikiNi">
<img src="adresseURLdeLimage" alt="obligatoire" />
</a>
</div>
""
<div align="center">crée<br /><br /><a name="l2"></a>
<a href="http://www.wikini.net/" title="WikiNi">
<img src="http://djo.ca/wikinitxt.gif" alt="WikiNi" />
</a>
</div>
<br />
<div align="center">
<font size="2" face="arial">
<a href="#top">Haut</a> :
<a href="#a">Gras-Italik</a> :
<a href="#c">Souligné-Effacé</a> :
<a href="#e">Police</a> :
<a href="#f">Justifié</a> :
<a href="#g">Centré</a> :
<a href="#h">Droite</a> :
<a href="#i">Retrait</a> :
<a href="#j">ChLigne</a><br />
<a href="#k">Ligne</a> :
<a href="#l"><font size="4"><b>Im@ges</b></font></a> :
<a href="#m">Lien</a> :
<a href="#n">Target</a> :
<a href="#o">LienIn</a> :
<a href="#p">Liste</a> :
<a href="#q">#Liste</a> :
<a href="#r">Tablo</a> :
<a href="#s">Titre</a> :
<a href="#index">Index</a> :
<a href="#info">Info</a>
</font></div>
<br />
<b>Im@ges :: </b><a href="#l">1/3</a> :: <a href="#l2"><font size="4" face="arial"><b>2/3</b></font></a> :: <a href="#l3">3/3</a>.
<br />
<br />
Pour empêcher la bordure de 2 px<br /><br />
qui apparait par défaut autour des images liens,<br /><br />
<div align="center">
ajouter <b>border="0px"</b> dans la balise <b>img</b>:<br /><br /></div>
""<img src="adresseURLdeLimage" alt="WikiNi" border="0px" />""
<br />
<br />
<div align="center">crée
<br /><br />
<a href="http://www.wikini.net/" title="WikiNi">
<img src="http://djo.ca/wikinitxt.gif" alt="WikiNi" border="0px" />
</a>
<br /><br />
</div>
<div align="center"><a name="l3"></a>
<font size="2" face="arial">
<a href="#top">Haut</a> :
<a href="#a">Gras-Italik</a> :
<a href="#c">Souligné-Effacé</a> :
<a href="#e">Police</a> :
<a href="#f">Justifié</a> :
<a href="#g">Centré</a> :
<a href="#h">Droite</a> :
<a href="#i">Retrait</a> :
<a href="#j">ChLigne</a><br />
<a href="#k">Ligne</a> :
<a href="#l"><font size="4"><b>Im@ges</b></font></a> :
<a href="#m">Lien</a> :
<a href="#n">Target</a> :
<a href="#o">LienIn</a> :
<a href="#p">Liste</a> :
<a href="#q">#Liste</a> :
<a href="#r">Tablo</a> :
<a href="#s">Titre</a> :
<a href="#index">Index</a> :
<a href="#info">Info</a>
</font></div>
<br />
<b>Im@ges :: </b><a href="#l">1/3</a> :: <a href="#l2">2/3</a> :: <a href="#l3"><font size="4" face="arial"><b>3/3</b></font></a>.
<br /><br />
Si l'im@ge n'est pas un lien, mais
<div align="center">
qu'on veut ajouter une bulle d'information qui apparait quand l'im@ge est pointée,<br />
ajouter <b>title="le titre en minuscules"</b> dans la balise img:
<br />
</div>
<br /><font size="1">
""<img src="adresseURLdeLimage" alt="bulle significative" border="0px" title="bulle significative" />""
</font>
<div align="center">
<br />
crée
<br />
<br />
<img src="http://djo.ca/wikinitxt.gif" alt="bulle minuscule" border="0px" title="ici _ wikini.net _ serait significatif" />
</div>
<blockquote>
<div align="justify">
Bien sûr, ces recettes XHTML pour créer des im@ges liens impliquent que l'im@ge soit déjà @ccessible sur le Web. Faire apparaître dans une p@ge Web ou WiKi une im@ge qui est dans un autre esp@ce Web, utilise la bande passante de cet Esp@ce : il semble donc éthiquement souhaitable de demander la permission au(x) propriétaire(s) de l'esp@ce Web, <b>avant</b> d'utiliser une im@ge, à moins que ce ne soit pour un temps limité...
</div></blockquote>""
""<font size="1">"" Équivalent en FoXmatageWikiNi FoXmattinG :
écrire l'@dresse entre deux paires de parenthèses [ et ]""</font>""
""
<ul>
<li><font size="1">soit <b>sans</b> le <b>http://</b> comme dans [[www.djo.ca/w01blue.gif]] = ""[[www.djo.ca/w01blue.gif]]""</font></li>
<li><font size="1">ou soit, <b>avec</b> le <b>http://</b> et aussi un texte <i>dit alternatif</i> :<br />
comme dans [[http://www.djo.ca/w01red.gif WikiNi]] = ""[[http://www.djo.ca/w01red.gif WikiNi]]""</font></li>
</ul>
""
""<hr /><div align="center"><a name="m"></a>
<font size="2" face="arial">
<a href="#top">Haut</a> :
<a href="#a">Gras-Italik</a> :
<a href="#c">Souligné-Effacé</a> :
<a href="#e">Police</a> :
<a href="#f">Justifié</a> :
<a href="#g">Centré</a> :
<a href="#h">Droite</a> :
<a href="#i">Retrait</a> :
<a href="#j">ChLigne</a><br />
<a href="#k">Ligne</a> :
<a href="#l">Im@ge</a> :
<a href="#m"><font size="4"><b>Liens</b></font></a> :
<a href="#n">Target</a> :
<a href="#o">LienIn</a> :
<a href="#p">Liste</a> :
<a href="#q">#Liste</a> :
<a href="#r">Tablo</a> :
<a href="#s">Titre</a> :
<a href="#index">Index</a> :
<a href="#info">Info</a> :
</font></div>""
m. **Pour créer un lien direct**

** à une autre p@ge Web ou WiKi**,
dans WikiNi, entre deux paires de guillemets doubles, écrire

<a href="adresse_URL_dela_p@ge">Texte lien ou Im@ge lien</a>

<a href="adresse_URL_dela_p@ge" title="bulle d'information">
Texte lien ou Im@ge lien</a>

<a href="http://www.wikipedia.org" title="Le plus grand WiKi du Monde">
Wikipedia</a>= ""<a href="http://www.wikipedia.org" title="Le plus grand WiKi du Monde">Wikipedia</a>""

**à une @dresse courriel**, entre deux paires de guillemets doubles, écrire

<a href="mailto:adresse.fictive@sympatico.ca">Texte lien ou Im@ge lien</a>
""<font size="1">""
<a href="mailto:adresse.fictive@sympatico.ca?subject=FoXparleXhtml" title="envoyer un em@il">
Lien courriel</a>""</font>"" =
""<div align="center"><a href="mailto:adresse.fictive@sympatico.ca?subject=FoXparleXhtml" title="envoyer un em@il">Lien courriel</a></div>
""""<font size="1">""
Équivalent en FoXmatageWikiNi FoXmattinG :
a) NomWiKi ou MotWiki
b)Lien automatique externe : http://www.wikipedia.org
c) Liens forcés externes : ""[[http://www.wikipedia.org]]"" = http://www.wikipedia.org
""[[http://www.wikipedia.org Le WiKi de Wikipedia]]"" = [[http://www.wikipedia.org Le WiKi de Wikipedia]]
d) Liens forcés courriel : ""[[toto@example.org]]"" = [[toto@example.org]]
""[[toto@example.org Adresse de toto]]"" = [[toto@example.org Adresse de toto]]""</font>""

""<hr /><div align="center"><a name="n"></a>
<font size="2" face="arial">
<a href="#top">Haut</a> :
<a href="#a">Gras-Italik</a> :
<a href="#c">Souligné-Effacé</a> :
<a href="#e">Police</a> :
<a href="#f">Justifié</a> :
<a href="#g">Centré</a> :
<a href="#h">Droite</a> :
<a href="#i">Retrait</a> :
<a href="#j">ChLigne</a><br />
<a href="#k">Ligne</a> :
<a href="#l">Im@ge</a> :
<a href="#m">Lien</a> :
<a href="#n"><font size="4" face="arial"><b>Target</b></font></a> :
<a href="#o">LienIn</a> :
<a href="#p">Liste</a> :
<a href="#q">#Liste</a> :
<a href="#r">Tablo</a> :
<a href="#s">Titre</a> :
<a href="#index">Index</a> :
<a href="#info">Info</a>
</font></div>""
n. **Pour créer un lien target="_blank" à une autre p@ge WiKi ou Web**
""<font size="1">""Pas d'équivalent en FoXmatageWikiNi FoXmattinG !""</font>""

Un lien target="_blank" ouvre dans une nouvelle fenêtre ou onglet.

 Avec WikiNi, entre deux paires de guillemets doubles, écrire,

<a href="adresse_URL_dela_p@ge" target="_blank">Texte lien ou Im@ge lien</a>

 ou, par exemple,

<div align="center">
<a target="_blank" href="http://www.wikipedia.org" title="ouvre dans une nouvelle fenetre">Wikipedia</a>
</div>

""<div align="center">crée :<br /><br />
<a href="http://www.wikipedia.org" title="ouvre dans une nouvelle fenetre" target="_blank">Wikipedia</a>
<br /><br />
Il est <i>convivial</i> d'indiquer quand un lien est un <b>lien target="_blank"</b>.
</div>""
""<hr /><div align="center"><a name="o"></a>
<font size="2" face="arial">
<a href="#top">Haut</a> :
<a href="#a">Gras-Italik</a> :
<a href="#c">Souligné-Effacé</a> :
<a href="#e">Police</a> :
<a href="#f">Justifié</a> :
<a href="#g">Centré</a> :
<a href="#h">Droite</a> :
<a href="#i">Retrait</a> :
<a href="#j">ChLigne</a><br />
<a href="#k">Ligne</a> :
<a href="#l">Im@ge</a> :
<a href="#m">Lien</a> :
<a href="#n">Target</a> :
<a href="#o"><font size="4"><b>LienIn</b></font></a> :
<a href="#p">Liste</a> :
<a href="#q">#Liste</a> :
<a href="#r">Tablo</a> :
<a href="#s">Titre</a> ::
<a href="#index">Index</a> :
<a href="#info">Info</a>
</font></div>""
o. **Pour créer un lien interne dans la p@ge même**
""<font size="1">""Pas d'équivalent en FoXmatageWikiNi FoXmattinG !""</font>""

Avec WikiNi, entre deux paires de guillemets doubles,

a) créer une cible :

<a name="nom_dela_cible">La cible peut être //rien//, du texte, ou une im@ge</a>


b) créer un lien vers la cible :

<a href="#nom_dela_cible">Le lien peut être du texte ou une im@ge.</a>


 Exemple:

Chaque barre de liens, au dessus de chacun des codes XHTML de cette p@ge,

 est faite de 20 liens internes et d'une cible.

""<hr /><div align="center"><a name="p"></a>
<font size="2" face="arial">
<a href="#top">Haut</a> :
<a href="#a">Gras-Italik</a> :
<a href="#c">Souligné-Effacé</a> :
<a href="#e">Police</a> :
<a href="#f">Justifié</a> :
<a href="#g">Centré</a> :
<a href="#h">Droite</a> :
<a href="#i">Retrait</a> :
<a href="#j">ChLigne</a><br />
<a href="#k">Ligne</a> :
<a href="#l">Im@ge</a> :
<a href="#m">Lien</a> :
<a href="#n">Target</a> :
<a href="#o">LienIn</a> :
<a href="#p"><font size="4"><b>Liste</b></font></a> :
<a href="#q">#Liste</a> :
<a href="#r">Tablo</a> :
<a href="#s">Titre</a> :
<a href="#index">Index</a> :
<a href="#info">Info</a>
</font></div>""
p. **Pour créer une liste à puces**

Avec WikiNi, entre deux paires de guillemets doubles, écrire

<ul>
<li>Item #1</li>
<li>Item #2</li>
<li>Item #3</li>
<li>Item #4</li>
<li>Item #5</li>
</ul>
""
<br />
crée :
<br />
<br />
<ul>
<li>Item #1</li>
<li>Item #2</li>
<li>Item #3</li>
<li>Item #4</li>
<li>Item #5</li>
</ul>
<br />
<font size="1">""Équivalent en FoXmatageWikiNi FoXmattinG : voir FoXmatageWikiNi #Listes-Retrait.
Pour ce qui est des listes à puces, le FoXmatageWikiNi est plus simple que le HTML.""</font>""

""<hr /><div align="center"><a name="q"></a>
<font size="2" face="arial">
<a href="#top">Haut</a> :
<a href="#a">Gras-Italik</a> :
<a href="#c">Souligné-Effacé</a> :
<a href="#e">Police</a> :
<a href="#f">Justifié</a> :
<a href="#g">Centré</a> :
<a href="#h">Droite</a> :
<a href="#i">Retrait</a> :
<a href="#j">ChLigne</a><br />
<a href="#k">Ligne</a> :
<a href="#l">Im@ge</a> :
<a href="#m">Lien</a> :
<a href="#n">Target</a> :
<a href="#o">LienIn</a> :
<a href="#p">Liste</a> :
<a href="#q"><font size="4" face="arial"><b>#Liste</b></font></a> :
<a href="#r">Tablo</a> :
<a href="#s">Titre</a> :
<a href="#index">Index</a> :
<a href="#info">Info</a>
</font></div>""
q. **Pour créer une liste numérotée**
""<font size="1">Avec WikiNi, entre deux paires de guillemets doubles, écrire</font>
<table align="center" width="600px"><tr><td><font size="1">
""<ol>
<li>Item # 1</li>
<li>Item # 2</li>
<li>Item # 3</li>
</ol>""
</font></td><td>
crée
</td><td>
<ol>
<li>Item # 1</li>
<li>Item # 2</li>
<li>Item # 3</li>
</ol>
</td></tr><tr><td bgcolor="#cccccc"><font size="1">
""<ol style="list-style-type: lower-alpha;">
<li>Item # a</li>
<li>Item # b</li>
<li>Item # c</li>
</ol>""
</font></td><td>
crée
</td><td>
<ol style="list-style-type: lower-alpha;">
<li>Item # a</li>
<li>Item # b</li>
<li>Item # c</li>
</ol>
</td></tr><tr><td><font size="1">
""<ol style="list-style-type: upper-alpha;">
<li>Item # A</li>
<li>Item # B</li>
<li>Item # C</li>
</ol>""
</font></td><td>
crée
</td><td>
<ol style="list-style-type: upper-alpha;">
<li>Item # A</li>
<li>Item # B</li>
<li>Item # C</li>
</ol>
</td></tr><tr><td bgcolor="#cccccc"><font size="1">
""<ol style="list-style-type: lower-roman;">
<li>Item # i</li>
<li>Item # ii</li>
<li>Item # iii</li>
</ol>""
</font></td><td>
crée
</td><td>
<ol style="list-style-type: lower-roman;">
<li>Item # i</li>
<li>Item # ii</li>
<li>Item # iii</li>
</ol>
</td></tr><tr><td><font size="1">
""<ol style="list-style-type: upper-roman;">
<li>Item # I</li>
<li>Item # II</li>
<li>Item # III</li>
</ol>""
</font></td><td>
crée
</td><td>
<ol style="list-style-type: upper-roman;">
<li>Item # I</li>
<li>Item # II</li>
<li>Item # III</li>
</ol>
</td></tr></table>
<font size="1">""Équivalent en FoXmatageWikiNi FoXmattinG : voir FoXmatageWikiNi #Listes-Retrait ""</font>""

""<hr /><div align="center"><a name="r"></a>
<font size="2" face="arial">
<a href="#top">Haut</a> :
<a href="#a">Gras-Italik</a> :
<a href="#c">Souligné-Effacé</a> :
<a href="#e">Police</a> :
<a href="#f">Justifié</a> :
<a href="#g">Centré</a> :
<a href="#h">Droite</a> :
<a href="#i">Retrait</a> :
<a href="#j">ChLigne</a><br />
<a href="#k">Ligne</a> :
<a href="#l">Im@ge</a> :
<a href="#m">Lien</a> :
<a href="#n">Target</a> :
<a href="#o">LienIn</a> :
<a href="#p">Liste</a> :
<a href="#q">#Liste</a> :
<a href="#r"><font size="4"><b>Tablo</b></font></a> :
<a href="#s">Titre</a> :
<a href="#index">Index</a> :
<a href="#info">Info</a>
</font></div>""
r. Tableau ""<a href="#r"><font size="4" face="arial"><b>r1</b></font></a> ::
<a href="#r2">r2</a> ::
<a href="#r3">r3</a> ::
<a href="#r4">r4</a> ::
<a href="#r5">r5</a> ::
<a href="#r6">r6</a> ::
<a href="#r7">r7</a>""
[[http://www.pescadoo.net/html/star.html Pour choisir un numéro de couleur]]
""<font size="1">""Pas d'équivalent en FoXmatageWikiNi FoXmattinG, excepté ""<a href="http://recitmst.qc.ca/wikinimst/wakka.php?wiki=ReglesDeFormatage" title="WikiNi adapté"><b>ici</b></a>.</font>""

Les tableaux sont l'encodage XHTML le plus complexe dans cette p@ge ;

il y a trois balises principales :
**<table>**, **<tr>** pour les lignes, et **<td>** pour chaque cellule.

Voici un code XHTML, où insérer du contenu dans un tableau bleu pale ;
 la balise <table> y a 4 attributs :

 avec WikiNi, entre deux paires de guillemets doubles, écrire

<table **align**="center" **bgcolor**="#99ffff" **border**="2px" **width**="555px">
<tr><td>
votre contenu, qui ici répondra au HTML.
</td></tr></table>

 crée :
""
<table align="center" bgcolor="#99ffff" border="2px" width="555px"><tr><td>
votre contenu, qui ici répondra au HTML.
</td></tr></table>
""
""<hr /><div align="center"><a name="r2"></a>
<font size="2" face="arial">
<a href="#top">Haut</a> :
<a href="#a">Gras-Italik</a> :
<a href="#c">Souligné-Effacé</a> :
<a href="#e">Police</a> :
<a href="#f">Justifié</a> :
<a href="#g">Centré</a> :
<a href="#h">Droite</a> :
<a href="#i">Retrait</a> :
<a href="#j">ChLigne</a><br />
<a href="#k">Ligne</a> :
<a href="#l">Im@ge</a> :
<a href="#m">Lien</a> :
<a href="#n">Target</a> :
<a href="#o">LienIn</a> :
<a href="#p">Liste</a> :
<a href="#q">#Liste</a> :
<a href="#r"><font size="4"><b>Tablo</b></font></a>  :
<a href="#s">Titre</a> :
<a href="#index">Index</a> :
<a href="#info">Info</a>
</font></div>""
r. Tableau ""<a href="#r">r1</a> ::
<a href="#r2"><font size="4" face="arial"><b>r2</b></font></a> ::
<a href="#r3">r3</a> ::
<a href="#r4">r4</a> ::
<a href="#r5">r5</a> ::
<a href="#r6">r6</a> ::
<a href="#r7">r7</a>""

Voici un code encore plus simple et //gr@phiquement sécure// : le tableau, //par défaut//,

 -sera aligné à gauche, vu qu'il n'y a pas d'attribut **align**,

 -aura une bordure de 0px, vu qu'il n'y a pas d'attribut **border**.

 Avec WikiNi, entre deux paires de guillemets doubles, écrire

<table bgcolor="#99ffff" width="555px">
<tr><td>
votre contenu, qui ici répondra au HTML.
</td></tr></table>

 crée :

""
<table bgcolor="#99ffff" width="555px"><tr><td>
votre contenu, qui ici répondra au HTML.
</td></tr></table>
""
""<hr /><div align="center"><a name="r3"></a>
<font size="2" face="arial">
<a href="#top">Haut</a> :
<a href="#a">Gras-Italik</a> :
<a href="#c">Souligné-Effacé</a> :
<a href="#e">Police</a> :
<a href="#f">Justifié</a> :
<a href="#g">Centré</a> :
<a href="#h">Droite</a> :
<a href="#i">Retrait</a> :
<a href="#j">ChLigne</a><br />
<a href="#k">Ligne</a> :
<a href="#l">Im@ge</a> :
<a href="#m">Lien</a> :
<a href="#n">Target</a> :
<a href="#o">LienIn</a> :
<a href="#p">Liste</a> :
<a href="#q">#Liste</a> ::
<a href="#r"><font size="4"><b>Tablo</b></font></a> :
<a href="#s">Titre</a> :
<a href="#index">Index</a> :
<a href="#info">Info</a>
</font></div>""
r. Tableau "" <a href="#r">r1</a> ::
<a href="#r2">r2</a> ::
<a href="#r3"><font size="4" face="arial"><b>r3</b></font></a> ::
<a href="#r4">r4</a> ::
<a href="#r5">r5</a> ::
<a href="#r6">r6</a> ::
<a href="#r7">r7</a>""

Les fonds et largeurs de chaque cellule peuvent être définis dans la balise <td>;

on peut aligner, ici à droite, les contenus des cellules d'une rangée dans la balise <tr>.

 avec WikiNi, entre deux paires de guillemets doubles, si on écrit

<table align="center" border="0px" bgcolor="#000000" width="540px">
<tr align="right">
<td bgcolor="#cccc33" width="190px">Première colonne /fond jaune</td>
<td bgcolor="#ff9900" width="160px">Deuxième colonne /fond orange</td>
<td bgcolor="#ff9999" width="190px">Troisième colonne /fond rose</td>
</tr>
</table>

 on crée :

""
<table align="center" border="0px" bgcolor="#000000" width="540px">
<tr align="right">
<td bgcolor="#cccc33" width="190px">Première colonne /fond jaune</td>
<td bgcolor="#ff9900" width="160px">Deuxième colonne /fond orange</td>
<td bgcolor="#ff9999" width="190px">Troisième colonne /fond rose</td>
</tr>
</table>""
""<hr /><div align="center"><a name="r4"></a>
<font size="2" face="arial">
<a href="#top">Haut</a> :
<a href="#a">Gras-Italik</a> :
<a href="#c">Souligné-Effacé</a> :
<a href="#e">Police</a> :
<a href="#f">Justifié</a> :
<a href="#g">Centré</a> :
<a href="#h">Droite</a> :
<a href="#i">Retrait</a> :
<a href="#j">ChLigne</a><br />
<a href="#k">Ligne</a> :
<a href="#l">Im@ge</a> :
<a href="#m">Lien</a> :
<a href="#n">Target</a> :
<a href="#o">LienIn</a> :
<a href="#p">Liste</a> :
<a href="#q">#Liste</a> :
<a href="#r"><font size="4"><b>Tablo</b></font></a> :
<a href="#s">Titre</a> :
<a href="#index">Index</a> :
<a href="#info">Info</a>
</font></div>""
r. Tableau ""<a href="#r">r1</a> ::
<a href="#r2">r2</a> ::
<a href="#r3">r3</a> ::
<a href="#r4"><font size="4" face="arial"><b>r4</b></font></a> ::
<a href="#r5">r5</a> ::
<a href="#r6">r6</a> ::
<a href="#r7">r7</a>""

La balise <table> du code XHTML pour les tableaux
 peut aussi inclure les deux attributs **C** :
""<div align="center"><a href="http://www.djo.ca/tableCodesSept.html">cellpadding="#px" cellspacing="#px" EXAMPLES</a>.</div>""
Avec le HTML 4.0, la balise <table>,  a ± neuf attributs,
 alors qu'avec le XHTML 1.0, on peut se débrouiller avec six :
 les attributs "background", "cols" et "height" ne sont pas du XHTML 1,
  mais plutôt du HTML 4.

1. TABLEAUX ~ **Aide-mémoire pour la balise <table>** : (a, bb, cc, w)

 1. **align="center", or align="right"** alignent dans la p@ge le tableau, aligné à gauche, par défaut.
  background="@dresseURLdeLim@ge" n'est pas du XHTML valide.
 2. **bgcolor="#ff00CC"** définit la couleur de fond du tableau, transparent par défaut.
 3. **border="0px"** définit en px la bordure du tableau ; par défaut, 1px.
 4. **cellpadding="0px"** définit en px la distance entre le contenu et la cellule ; par défaut, 1px.
 5. **cellspacing="0px"** définit en px la distance entre les cellules ; par défaut, 1px.
  cols="3" n'est pas du XHTML valide.
  height="222px" n'est pas du XHTML valide.
 6. **width="699px"** définit en px la largeur du tableau : ""<font size="1">""avec un écran de 17", dans une p@ge WiKi pleine largeur, 699 px, c'est serré ; 688 px est plus //passe partout//, surtout avec Internet Explorer 6 ; 666 px, c'est encore mieux. On peut également définir la largeur en pourcentage : <table width="100%">.""</font>""

Suggestion : écrire systématiquement les attributs de la balise <table> en ordre alphabétique.
""<hr /><div align="center"><a name="r5"></a>
<font size="2" face="arial">
<a href="#top">Haut</a> :
<a href="#a">Gras-Italik</a> :
<a href="#c">Souligné-Effacé</a> :
<a href="#e">Police</a> :
<a href="#f">Justifié</a> :
<a href="#g">Centré</a> :
<a href="#h">Droite</a> :
<a href="#i">Retrait</a> :
<a href="#j">ChLigne</a><br />
<a href="#k">Ligne</a> :
<a href="#l">Im@ge</a> :
<a href="#m">Lien</a> :
<a href="#n">Target</a> :
<a href="#o">LienIn</a> :
<a href="#p">Liste</a> :
<a href="#q">#Liste</a> :
<a href="#r"><font size="4"><b>Tablo</b></font></a> :
<a href="#s">Titre</a> :
<a href="#index">Index</a> :
<a href="#info">Info</a>
</font></div>""
r. Tableau ""<a href="#r">r1</a> ::
<a href="#r2">r2</a> ::
<a href="#r3">r3</a> ::
<a href="#r4">r4</a> ::
<a href="#r5"><font size="4" face="arial"><b>r5</b></font></a> ::
<a href="#r6">r6</a> ::
<a href="#r7">r7</a>""

 En XHTML, les balises <tr> et <td> ont respectivement deux et trois attributs :

2. <tr> (la ligne ou rangée)

 a. **align="center"**, ou **align="right"** alignent le contenu de toutes les cellules de la ligne.

  background="@dresseURLdeLim@ge" n'est pas du XHTML 1.0 transitionnel valide.

 b. **bgcolor="#ff00CC"** définit la couleur de fond de la ligne.

3. <td> (la cellule)

 a. **align="center"**, ou **align="right"** alignent le contenu de la cellule.

  background="@dresseURLdeLim@ge" n'est pas du XHTML 1.0 transitionnel valide.

 b. **bgcolor="#ff00CC"** définit la couleur de fond de la cellule.

 w. **width="299px"** définit la largeur de la cellule.

""<hr /><div align="center"><a name="r6"></a>
<font size="2" face="arial">
<a href="#top">Haut</a> :
<a href="#a">Gras-Italik</a> :
<a href="#c">Souligné-Effacé</a> :
<a href="#e">Police</a> :
<a href="#f">Justifié</a> :
<a href="#g">Centré</a> :
<a href="#h">Droite</a> :
<a href="#i">Retrait</a> :
<a href="#j">ChLigne</a><br />
<a href="#k">Ligne</a> :
<a href="#l">Im@ge</a> :
<a href="#m">Lien</a> :
<a href="#n">Target</a> :
<a href="#o">LienIn</a> :
<a href="#p">Liste</a> :
<a href="#q">#Liste</a> :
<a href="#r"><font size="4"><b>Tablo</b></font></a> :
<a href="#s">Titre</a> :
<a href="#index">Index</a> :
<a href="#info">Info</a>
</font></div>""
r. Tableau ""<a href="#r">r1</a> ::
<a href="#r2">r2</a> ::
<a href="#r3">r3</a> ::
<a href="#r4">r4</a> ::
<a href="#r5">r5</a> ::
<a href="#r6"><font size="4" face="arial"><b>r6</b></font></a> ::
<a href="#r7">r7</a><br />
<font size="1">DjO ai créé ce gr@phe pour le HTML 4.0 transitionnel avec MOT 2.3 et Paint.</font>
<div align="center">""[[http://agora.ulaval.ca/~joden18/htmlTablo.gif HTML tables]]""</div>""
""<hr /><div align="center"><a name="r7"></a>
<font size="2" face="arial">
<a href="#top">Haut</a> :
<a href="#a">Gras-Italik</a> :
<a href="#c">Souligné-Effacé</a> :
<a href="#e">Police</a> :
<a href="#f">Justifié</a> :
<a href="#g">Centré</a> :
<a href="#h">Droite</a> :
<a href="#i">Retrait</a> :
<a href="#j">ChLigne</a><br />
<a href="#k">Ligne</a> :
<a href="#l">Im@ge</a> :
<a href="#m">Lien</a> :
<a href="#n">Target</a> :
<a href="#o">LienIn</a> :
<a href="#p">Liste</a> :
<a href="#q">#Liste</a> :
<a href="#r"><font size="4"><b>Tablo</b></font></a> :
<a href="#s">Titre</a> :
<a href="#index">Index</a> :
<a href="#info">Info</a>
</font></div>""
r. Tableau ""<a href="#r">r1</a> ::
<a href="#r2">r2</a> ::
<a href="#r3">r3</a> ::
<a href="#r4">r4</a> ::
<a href="#r5">r5</a> ::
<a href="#r6">r6</a> ::
<a href="#r7"><font size="4" face="arial"><b>r7</b></font></a>""
Avec MOT 2.3 et Paint, ""DjO"" ai créé cet autre gr@phe, spécifiquement pour le XHTML 1.0, car les attributs "background", "cols" et "height" ne sont pas du ""XhtmL"".
""<div align="center">
<img src="http://agora.ulaval.ca/~joden18/xhtmlTablo.gif" alt="xhtml tables in wikini" title="xhtml tables in wikini" /><br />Somme toute, le résultat est beaucoup plus aéré et <i>digestible</i>.</div>""
--DjO 13jan2005.

""<hr /><div align="center"><a name="s"></a>
<font size="2" face="arial">
<a href="#top">Haut</a> :
<a href="#a">Gras-Italik</a> :
<a href="#c">Souligné-Effacé</a> :
<a href="#e">Police</a> :
<a href="#f">Justifié</a> :
<a href="#g">Centré</a> :
<a href="#h">Droite</a> :
<a href="#i">Retrait</a> :
<a href="#j">ChLigne</a><br />
<a href="#k">Ligne</a> :
<a href="#l">Im@ge</a> :
<a href="#m">Lien</a> :
<a href="#n">Target</a> :
<a href="#o">LienIn</a> :
<a href="#p">Liste</a> :
<a href="#q">#Liste</a> :
<a href="#r">Tablo</a> :
<a href="#s"><font size="4" face="arial"><b>Titre</b></font></a> :
<a href="#index">Index</a> :
<a href="#info">Info</a>
</font></div>""
s. **Pour créer des TITRES + ""<a href="#w">Affiche de BIENVENUE (et bogue)</a>""**

**Pour les TITRES**, avec WikiNi, entre deux paires de guillemets doubles

<h1>Title #1</h1>
""<h1>Title #1</h1>""
<h2>Title #2</h2>
""<h2>Title #2</h2>""
<h3>Title #3</h3>
""<h3>Title #3</h3>""
""<font size="1">""Equivalent en FoXmatageWikiNi FoXmattinG : ""</font>""
""<font size="1">""""======Title #1======"" (6 "-")""</font>""
""<font size="1">""""=====Title #2====="" (5 "-")""</font>""
""<font size="1">""""====Title #3===="" (4 "-")""</font>""
======Title #1======
=====Title #2=====
====Title #3====

""<hr /><div align="center"><a name="w"></a>
<font size="2" face="arial">
<a href="#top">Haut</a> :
<a href="#a">Gras-Italik</a> :
<a href="#c">Souligné-Effacé</a> :
<a href="#e">Police</a> :
<a href="#f">Justifié</a> :
<a href="#g">Centré</a> :
<a href="#h">Droite</a> :
<a href="#i">Retrait</a> :
<a href="#j">ChLigne</a><br />
<a href="#k">Ligne</a> :
<a href="#l">Im@ge</a> :
<a href="#m">Lien</a> :
<a href="#n">Target</a> :
<a href="#o">LienIn</a> :
<a href="#p">Liste</a> :
<a href="#q">#Liste</a> :
<a href="#r">Tablo</a> :
<a href="#s"><font size="4"><b>Titre</b></font></a> :
<a href="#index">Index</a> :
<a href="#info">Info</a>
</font></div>""
s2. **AFFICHE de BIENVENUE**
""<font size="1">dans un tableau, avec une bordure de 3 px, un fond violet, et une police mauve.</font>""

Prenez note qu'avec WikiNi, dans les tableaux construits par XHTML, il y a un //bogue//, car **les codes <h1> et <font size> ne sont pas //lus//** par les Netscape Navigators 4x : ainsi, dans un tableau,  on voit le texte avec le format par défaut de la police, même quand les codes <h1> à <h7> et /ou <font size="1"> à <font size="7"> sont utilisés. Cependant, les balises <font face> et <font color> sont lues correctement par NN4x.

Avec WikiNi, entre deux paires de guillemets doubles, si on écrit

<table align="center" border="3px" bgcolor="#993399" width="199px">
<tr>
<td>
<div align="center">
<h1><font color="#ffccff" face="comic sans ms">BIENVENUE</font></h1>
</div>
</td>
</tr>
</table>
""<div align="center">on crée :</div>
<table align="center" border="3px" bgcolor="#993399" width="199px">
<tr>
<td>
<div align="center">
<h1><font color="#ffccff" face="comic sans ms">BIENVENUE</font></h1>
</div>
</td>
</tr>
</table>
""
----
""<div align="center"><a name="index"></a>
<font size="2" face="arial">
<a href="#top">Haut</a> :
<a href="#a">Gras-Italik</a> :
<a href="#c">Souligné-Effacé</a> :
<a href="#e">Police</a> :
<a href="#f">Justifié</a> :
<a href="#g">Centré</a> :
<a href="#h">Droite</a> :
<a href="#i">Retrait</a> :
<a href="#j">ChLigne</a><br />
<a href="#k">Ligne</a> :
<a href="#l">Im@ge</a> :
<a href="#m">Lien</a> :
<a href="#n">Target</a> :
<a href="#o">LienIn</a> :
<a href="#p">Liste</a> :
<a href="#q">#Liste</a> :
<a href="#r">Tablo</a> :
<a href="#s">Titre</a> :
<a href="#index"><font size="4" face="comic sans ms"><b>Index</b></font></a> :
<a href="#info">Info</a>
</font></div>""
**Contenu de cette p@ge WiKi en ordre alphabétique**

 1)Affiche
 -Alignements à droite, centré, et justifié.
 -Changer de ligne.
 -Effacer.
 -Gras.
 -Im@ges.
 -Italique.
 -Lignes séparatrices horizontales.
 -Liens directs.
 -Liens internes.
 -Liens target="_blank".
 -Listes /Puces.
 -Listes /Numéros.
 -Polices : couleurs,  formats, surlignage, types.
 -Retrait.
 -Tableaux.
 -Titres.
 -Souligner.

----
""
<div align="center"><a name="info"></a>
<font size="2" face="arial">
<a href="#top">Haut</a> :
<a href="#a">Gras-Italik</a> :
<a href="#c">Souligné-Effacé</a> :
<a href="#e">Police</a> :
<a href="#f">Justifié</a> :
<a href="#g">Centré</a> :
<a href="#h">Droite</a> :
<a href="#i">Retrait</a> :
<a href="#j">ChLigne</a><br />
<a href="#k">Ligne</a> :
<a href="#l">Im@ge</a> :
<a href="#m">Lien</a> :
<a href="#n">Target</a> :
<a href="#o">LienIn</a> :
<a href="#p">Liste</a> :
<a href="#q">#Liste</a> :
<a href="#r">Tablo</a> :
<a href="#s">Titre</a> :
<a href="#index">Index</a> :
<a href="#info"><font size="4" face="arial"><b>Info</b></font></a>
</font></div>
<hr />
<div align="center">
<!-- Creative Commons License -->
<img src="http://www.djo.ca/bambafox2.gif" alt="bambafox" title="bambafox" /><br />
<font size="4"><b>""BambaFox""</b></font><br />
<font size="1">version02<br />
<a href="http://creativecommons.org/licenses/LGPL/2.1/"><img alt="CC-GNU LGPL" border="0" src="http://creativecommons.org/images/public/cc-LGPL-a.png" /></a><br />
est sous license<br /><a href="http://creativecommons.org/licenses/LGPL/2.1/">CC-GNU LGPL</a>.
</font>
<!-- /Creative Commons License -->


<!--

<rdf:RDF xmlns="http://web.resource.org/cc/"
    xmlns:dc="http://purl.org/dc/elements/1.1/"
    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
<Work rdf:about="none">
   <license rdf:resource="http://creativecommons.org/licenses/LGPL/2.1/" />
   <dc:type rdf:resource="http://purl.org/dc/dcmitype/Software" />
</Work>

<License rdf:about="http://creativecommons.org/licenses/LGPL/2.1/">
   <permits rdf:resource="http://web.resource.org/cc/Reproduction" />
   <permits rdf:resource="http://web.resource.org/cc/Distribution" />
   <requires rdf:resource="http://web.resource.org/cc/Notice" />
   <permits rdf:resource="http://web.resource.org/cc/DerivativeWorks" />
   <requires rdf:resource="http://web.resource.org/cc/ShareAlike" />
   <requires rdf:resource="http://web.resource.org/cc/SourceCode" />
</License>

</rdf:RDF>

-->
</div>""
----
-- WikiNi:DjO 11fev2005, 06fev2006.
----