BambaFox version02, p@ge 5/5 : FoXspeaqsXhtml Source Code Source, 06fev2006.
m@itre Djeault
Cliquer-droit dans cette p@ge Web,
sélectionner tout,
puis copier coller le code source,
en noir,
de la p@ge WiKi FoXspeaqsXhtml
dans une autre p@ge WiKi FoXspeaqsXhtml,
puis effacer ces 13 lignes, ici en jaune.
Right click in this
Web p@ge, select all,
copy paste the source code,
in black,
of the WiKi p@ge FoXspeaqsXhtml
into another WiKi p@ge FoXspeaqsXhtml,
then
erase these 13 lines, here in yellow.
Enlever cette ligne et
les 12 qui la précèdent ; take off this line and the 12
previous ones.
""<a
name="top"></a>
<table align="center" cellpadding="0px" cellspacing="0px"
width="598px"><tr><td width="128px">
<a href="http://www.djo.ca/FoXspeaqsXhtml.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="source code of this wiki p@ge" title="source code of this wiki
p@ge" /></a>
</td><td width="470px">
<img src="http://www.djo.ca/htmlWikiS.gif" alt="XHTML in WikiNi"
border="0px" title="XHTML and WikiNi" /> <font
size="2">Version française : voir
""FoXparleXhtml""</font>
<div align="center">
<font style="background-color: #000000" color="#ffffff" size="3"
face="comic sans ms">
@ide-Memoire of Valid XHTML 0.1 Codes in WikiNi
WiKi<b>s</b></font></div>
<div align="center">
and their ""FoXmatageWikiNi FoXmattinG"" Equivalents:
</div>
<table align="right" width="399px"
bgcolor="#000000"><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">
XHTML et WikiNi</option>
<option value="wakka.php?wiki=FoXspeaqsXhtml">
here: 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">Bold-Italic</a> ::
<a href="#c">UnderL-Erase</a> ::
<a href="#e">Font</a> ::
<a href="#f">Justify</a> ::
<a href="#g">Center</a> ::
<a href="#h">Right</a> ::
<a href="#i">Indent</a> ::
<a href="#j">LineCh</a><br />
<a href="#k">Line</a> ::
<a href="#l">Image</a> ::
<a href="#m">Link</a> ::
<a href="#n">Target</a> ::
<a href="#o">InLink</a> ::
<a href="#p">List</a> ::
<a href="#q">#List</a> ::
<a href="#r">Table</a> ::
<a href="#s">Title</a> ::
<a href="#index">Index</a> ::
<a href="#info">Info</a>
</font></div>
<a href="#top"><font size="4"><b>01.
(top)</b></font></a> ::
<a href="#top2">02.</a> ::
<a href="#top3">03.</a> ::
<a href="#top4">04.</a>
<font face="comic sans ms" size="3">""
With [[http://djo.ca/wikinitxt.gif WikiNi]], **to turn on the HTML
codification**,
""</font><div align="center"><font face="comic sans ms"
size="3">""and off the FoXmatageWikiNi
FoXmattinG,""</font></div>
<div align="right"><font face="comic sans ms"
size="3">simply write two pairs of quotation marks; this is
<b>one</b> quotation mark:
<b>"</b></font></div><font face="comic sans
ms" size="3">""
Everything in between those two pairs
""</font><div align="center"><font face="comic sans ms"
size="3">then responds to HTML FoXmattinG,</font></div>
<div align="right"><font face="comic sans ms"
size="3">though no more to ""FoXmatageWikiNi
FoXmattinG"".</font></div>""
----
""<div align="center"><a name="top2"></a>
<font size="2" face="arial">
<a href="#a">Bold-Italic</a> ::
<a href="#c">UnderL-Erase</a> ::
<a href="#e">Font</a> ::
<a href="#f">Justify</a> ::
<a href="#g">Center</a> ::
<a href="#h">Right</a> ::
<a href="#i">Indent</a> ::
<a href="#j">LineCh</a><br />
<a href="#k">Line</a> ::
<a href="#l">Image</a> ::
<a href="#m">Link</a> ::
<a href="#n">Target</a> ::
<a href="#o">InLink</a> ::
<a href="#p">List</a> ::
<a href="#q">#List</a> ::
<a href="#r">Table</a> ::
<a href="#s">Title</a> ::
<a href="#index">Index</a> ::
<a href="#info">Info</a>
</font></div>
<a href="#top">01. (top)</a> ::
<a href="#top2"><font
size="4"><b>02.</b></font></a> ::
<a href="#top3">03.</a> ::
<a href="#top4">04.</a>""
2. A WikiNi WiKi is a fine pl@ce to tame and use HTML,
because **a change of line, by clicking "Enter"**, when you're editing
in HTML,
**doesn't create one in the published WiKi p@ge**, as it does
within many phpBB Forums and Blogs and also within **FoXmatageWikiNi
FoXmattinG**:
therefore, **each HTML tag //may// have its own line**,
without creating empty lines, in the published p@ge.
The XHTML code <br /> creates a change of line:
so, when editing a WikiNi WiKi p@ge, **whether you write**
""<font size="1">(with pairs of quotation marks, instead of
just one ")</font>""
"This is the first line<br />this is the second line"
""<table align="center" bgcolor="#cccccc" cellpadding="0px"
cellspacing="0px" width="600px">
<tr bgcolor="#ffffff"><td width="300px"><font
color="#000000">
<b>or</b></font>
</td><td width="300px"><font color="#000000">
<b>or else</b></font>
</td></tr><tr><td width="300px"><font
color="#000000">
"""
This is the first line<br />
this is the second line
"""
</font></td><td width="300px"
bgcolor="#ccccff"><font color="#000000">"""
This is the first line
<br />
this is the second line
"""</font>
</td></tr><tr bgcolor="#ffffff"><td
width="300px">
<div align="center"><font color="#000000">in the published
WiKi p@ge, <b>you'll see</b>:</font></div>
</td><td width="300px"><font color="#000000">
This is the first line<br />this is the second line.</font>
</td></tr></table>""
----
""<div align="center"><a name="top3"></a>
<font size="2" face="arial">
<a href="#a">Bold-Italic</a> ::
<a href="#c">UnderL-Erase</a> ::
<a href="#e">Font</a> ::
<a href="#f">Justify</a> ::
<a href="#g">Center</a> ::
<a href="#h">Right</a> ::
<a href="#i">Indent</a> ::
<a href="#j">LineCh</a><br />
<a href="#k">Line</a> ::
<a href="#l">Image</a> ::
<a href="#m">Link</a> ::
<a href="#n">Target</a> ::
<a href="#o">InLink</a> ::
<a href="#p">List</a> ::
<a href="#q">#List</a> ::
<a href="#r">Table</a> ::
<a href="#s">Title</a> ::
<a href="#index">Index</a> ::
<a href="#info">Info</a>
</font></div>
<a href="#top">01. (top)</a> ::
<a href="#top2">02.</a> ::
<a href="#top3"><font
size="4"><b>03.</b></font></a> ::
<a href="#top4">04.</a>""
3. So, to change line between two pairs of quotation marks,
you may use the <br /> tag;
<hr />, <div align="x">, <blockquote>,
<table>, <h1> to <h7>
tags also create a change of line.
**Notice** that in HTML 4.0 transitional, except for the three codes
<br>, <hr> and <img src="URL_@ddress of Im@ge">,
all HTML codes must be "closed":
for example, the **bold** tag <b> is closed by the tag
</b>
Also **notice** that in XHTML 1.0 transitional,
**all XHTML Tags must be "closed"**, including
<br />, <hr />, <img src="URL_@ddress of Im@ge"
alt="compulsory" />,
which are //closed within their opening tag//, with a
space and a slash.
Further notice that in XHTML 1.0, within the **img** code, the
"**alt**" attribute is compulsory.
----
""<div align="center"><a name="top4"></a>
<font size="2" face="arial">
<a href="#a">Bold-Italic</a> ::
<a href="#c">UnderL-Erase</a> ::
<a href="#e">Font</a> ::
<a href="#f">Justify</a> ::
<a href="#g">Center</a> ::
<a href="#h">Right</a> ::
<a href="#i">Indent</a> ::
<a href="#j">LineCh</a><br />
<a href="#k">Line</a> ::
<a href="#l">Image</a> ::
<a href="#m">Link</a> ::
<a href="#n">Target</a> ::
<a href="#o">InLink</a> ::
<a href="#p">List</a> ::
<a href="#q">#List</a> ::
<a href="#r">Table</a> ::
<a href="#s">Title</a> ::
<a href="#index">Index</a> ::
<a href="#info">Info</a>
</font></div>
<a href="#top">01. (top)</a> ::
<a href="#top2">02.</a> ::
<a href="#top3">03.</a> ::
<a href="#top4"><font
size="4"><b>04.</b></font></a>""
4. Also notice that when you use tags within **tags**,
**you should close them in the reverse order**;
for example, if you indent text, justify it, and color it blue, you
write,
in WikiNi, between two pairs of quotation marks,
<blockquote>
<div align="justify">
<font color="#3333ff">
before you text; then, in their reverse order of entrance, you close
the tags:
</font>
</div>
</blockquote>
**Another example:**
<b><i><u>bold, italic, underlined
text</u></i></b> = ""<b><i><u>bold,
italic, underlined text</u></i></b>""
Finally, attributes are always defined between two quotation marks,
for ex : <div align="center"> </div>, or <font
color="#0000ff" size="2"> </font>
----
""<div align="center"><a name="a"></a>
<font size="2" face="arial">
<a href="#top">Top</a> ::
<a href="#a"><font
size="4"><b>Bold</b></font>-Italic</a> ::
<a href="#c">UnderL-Erase</a> ::
<a href="#e">Font</a> ::
<a href="#f">Justify</a> ::
<a href="#g">Center</a> ::
<a href="#h">Right</a> ::
<a href="#i">Indent</a> ::
<a href="#j">LineCh</a><br />
<a href="#k">Line</a> ::
<a href="#l">Image</a> ::
<a href="#m">Link</a> ::
<a href="#n">Target</a> ::
<a href="#o">InLink</a> ::
<a href="#p">List</a> ::
<a href="#q">#List</a> ::
<a href="#r">Table</a> ::
<a href="#s">Title</a> ::
<a href="#index">Index</a> ::
<a href="#info">Info</a>
</font></div>""
a. To make text **Bold**
In WikiNi, between two pairs of quotation marks,
write <b>before your text and</b> after it.
""<font size="1">""FoXmatageWikiNi FoXmattinG Equivalent:
""**Bold**"" = **Bold**""</font>""
""<hr /><div align="center"><a name="b"></a>
<font size="2" face="arial">
<a href="#top">Top</a> ::
<a href="#a">Bold-<font
size="4">Italic</font></a> ::
<a href="#c">UnderL-Erase</a> ::
<a href="#e">Font</a> ::
<a href="#f">Justify</a> ::
<a href="#g">Center</a> ::
<a href="#h">Right</a> ::
<a href="#i">Indent</a> ::
<a href="#j">LineCh</a><br />
<a href="#k">Line</a> ::
<a href="#l">Image</a> ::
<a href="#m">Link</a> ::
<a href="#n">Target</a> ::
<a href="#o">InLink</a> ::
<a href="#p">List</a> ::
<a href="#q">#List</a> ::
<a href="#r">Table</a> ::
<a href="#s">Title</a> ::
<a href="#index">Index</a> ::
<a href="#info">Info</a>
</font></div>""
b. **To make text //italic//**
In WikiNi, between two pairs of quotation marks,
write <i>before your text and</i> after it.
""<font size="1">""FoXmatageWikiNi FoXmattinG Equivalent:
""//Italic//"" = //Italic//""</font>""
""<hr /><div align="center"><a name="c"></a>
<font size="2" face="arial">
<a href="#top">Top</a> ::
<a href="#a">Bold-Italic</a> ::
<a href="#c"><font
size="4"><b>UnderL</b></font>-Erase</a> ::
<a href="#e">Font</a> ::
<a href="#f">Justify</a> ::
<a href="#g">Center</a> ::
<a href="#h">Right</a> ::
<a href="#i">Indent</a> ::
<a href="#j">LineCh</a><br />
<a href="#k">Line</a> ::
<a href="#l">Image</a> ::
<a href="#m">Link</a> ::
<a href="#n">Target</a> ::
<a href="#o">InLink</a> ::
<a href="#p">List</a> ::
<a href="#q">#List</a> ::
<a href="#r">Table</a> ::
<a href="#s">Title</a> ::
<a href="#index">Index</a> ::
<a href="#info">Info</a>
</font></div>""
c. **To make text __underlined__**
In WikiNi, between two pairs of quotation marks,
write <u>before your text and</u> after it.
""<font size="1">""FoXmatageWikiNi FoXmattinG Equivalent:
""__Underlined__"" = __Underlined__""</font>""
""<hr /><div align="center"><a name="d"></a>
<font size="2" face="arial">
<a href="#top">Top</a> ::
<a href="#a">Bold-Italic</a> ::
<a href="#c">UnderL-<font
size="4">Erase</font></a> ::
<a href="#e">Font</a> ::
<a href="#f">Justify</a> ::
<a href="#g">Center</a> ::
<a href="#h">Right</a> ::
<a href="#i">Indent</a> ::
<a href="#j">LineCh</a><br />
<a href="#k">Line</a> ::
<a href="#l">Image</a> ::
<a href="#m">Link</a> ::
<a href="#n">Target</a> ::
<a href="#o">InLink</a> ::
<a href="#p">List</a> ::
<a href="#q">#List</a> ::
<a href="#r">Table</a> ::
<a href="#s">Title</a> ::
<a href="#index">Index</a> ::
<a href="#info">Info</a>
</font></div>""
d. **To """<s>scratch-erase"</s>"" text**
In WikiNi, between two pairs of quotation marks,
write <s>before your text and</s> after it.
""<font size="1">""FoXmatageWikiNi FoXmattinG Equivalent:
""@@strike@@"" = @@strike@@""</font>""
""<hr /><div align="center"><a name="e"></a>
<font size="2" face="arial">
<a href="#top">Top</a> ::
<a href="#a">Bold-Italic</a> ::
<a href="#c">UnderL-Erase</a> ::
<a href="#e"><font size="4"
face="arial"><b>Font</b></font></a> ::
<a href="#f">Justify</a> ::
<a href="#g">Center</a> ::
<a href="#h">Right</a> ::
<a href="#i">Indent</a> ::
<a href="#j">LineCh</a><br />
<a href="#k">Line</a> ::
<a href="#l">Image</a> ::
<a href="#m">Link</a> ::
<a href="#n">Target</a> ::
<a href="#o">InLink</a> ::
<a href="#p">List</a> ::
<a href="#q">#List</a> ::
<a href="#r">Table</a> ::
<a href="#s">Title</a> ::
<a href="#index">Index</a> ::
<a href="#info">Info</a>
</font></div>""
e. **Font** ""<a href="#e"><font
size="4"><b>Colors</b></font></a> ::
<a href="#x">Faces</a> ::
<a href="#y">Sizes</a> ::
<a href="#z">HighLight</a>""
""<font size="1">""No FoXmatageWikiNi FoXmattinG Equivalent"",
except <a
href="http://recitmst.qc.ca/wikinimst/wakka.php?wiki=ReglesDeFormatage"
title="WikiNi
adapté"><b>here</b></a>.</font>""
**To color** //short text//, writing
""<font size="1">(in WikiNi, with pairs of quotation marks,
instead of just one <u>"</u>)</font>""
__"__<font color="#009900">to your choice, before you green text
and after it</font>__"__
gives: ""<font color="#009900">to your choice, before you green
text and after it</font>""
For //longer text//, give a line to each tag and write, either or ""
<br />
<table align="center" cellpadding="0px" cellspacing="0px"
width="600px"><tr><td bgcolor="#ffffff" width="300px">
<font color="#000000">
""
__"__
<font color="#009900">
before you text,
which will **respond to HTML**,
and after it:
</font>
__"__
""</font>
</td><td bgcolor="#ffffcc" width="300px"><font
color="#000000">
""__"__<font color="#009900">__"__
before the text,
which here **responds to
FoXmatageWikiNi FoXmattinG**,
and after:
__"__</font>__"__
""</font>
</td></tr></table>
<br />
<div align="center"><a
href="http://www.pescadoo.net/html/star.html" title="opens in a new
p@ge" target="_blank"> To choose a color's
number</a></div>""
----
""<a name="x"></a><div align="center">
<font size="2" face="arial">
<a href="#top">Top</a> ::
<a href="#a">Bold-Italic</a> ::
<a href="#c">UnderL-Erase</a> ::
<a href="#e"><font size="4"
face="arial"><b>Font</b></font></a> ::
<a href="#f">Justify</a> ::
<a href="#g">Center</a> ::
<a href="#h">Right</a> ::
<a href="#i">Indent</a> ::
<a href="#j">LineCh</a><br />
<a href="#k">Line</a> ::
<a href="#l">Image</a> ::
<a href="#m">Link</a> ::
<a href="#n">Target</a> ::
<a href="#o">InLink</a> ::
<a href="#p">List</a> ::
<a href="#q">#List</a> ::
<a href="#r">Table</a> ::
<a href="#s">Title</a> ::
<a href="#index">Index</a> ::
<a href="#info">Info</a>
</font>
</div>""
**Font** ""<a href="#e">Colors</a> ::
<a href="#x"><font
size="4"><b>Faces</b></font></a> ::
<a href="#y">Sizes</a> ::
<a href="#z">HighLight</a>""
In WikiNi, between two pairs of quotation marks,
these <font face> attributes create this:
<font face="comic sans ms">Comic Sans MS Example.</font> =
""<font face="comic sans ms">Comic Sans MS Example.</font>""
<font face="arial"><b>Bold Arial
Example.</b></font> = ""<font
face="arial"><b>Bold Arial Example.</b></font>""
<font face="arial">Arial Example.</font> = ""<font
face="arial">Arial Example.</font>""
<font face="times new roman">Times New Roman
Example.</font> = ""<font face="times new roman">Times New
Roman Example.</font>""
Here's an example of a <font> tag with three different
attributes:
<font **color**="#0000ff" **face**="comic sans ms"
**size**="4">Example</font> = ""<font color="#0000ff"
face="comic sans ms" size="4">Example</font>""
----
""<a name="y"></a>
<div align="center">
<font size="2" face="arial">
<a href="#top">Top</a> ::
<a href="#a">Bold-Italic</a> ::
<a href="#c">UnderL-Erase</a> ::
<a href="#e"><font
size="4"><b>Font</b></font></a> ::
<a href="#f">Justify</a> ::
<a href="#g">Center</a> ::
<a href="#h">Right</a> ::
<a href="#i">Indent</a> ::
<a href="#j">LineCh</a><br />
<a href="#k">Line</a> ::
<a href="#l">Image</a> ::
<a href="#m">Link</a> ::
<a href="#n">Target</a> ::
<a href="#o">InLink</a> ::
<a href="#p">List</a> ::
<a href="#q">#List</a> ::
<a href="#r">Table</a> ::
<a href="#s">Title</a> ::
<a href="#index">Index</a> ::
<a href="#info">Info</a>
</font>
</div>""
**Font** ""<a href="#e">Colors</a> ::
<a href="#x">Faces</a> ::
<a href="#y"><font
size="4"><b>Sizes</b></font></a> ::
<a href="#z">HighLight</a>""
In WikiNi, between two pairs of quotation marks,
<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">Top</a> ::
<a href="#a">Bold-Italic</a> ::
<a href="#c">UnderL-Erase</a> ::
<a href="#e"><font
size="4"><b>Font</b></font></a> ::
<a href="#f">Justify</a> ::
<a href="#g">Center</a> ::
<a href="#h">Right</a> ::
<a href="#i">Indent</a> ::
<a href="#j">LineCh</a><br />
<a href="#k">Line</a> ::
<a href="#l">Image</a> ::
<a href="#m">Link</a> ::
<a href="#n">Target</a> ::
<a href="#o">InLink</a> ::
<a href="#p">List</a> ::
<a href="#q">#List</a> ::
<a href="#r">Table</a> ::
<a href="#s">Title</a> ::
<a href="#index">Index</a> ::
<a href="#info">Info</a>
</font>
</div>""
**Font** ""<a href="#e">Colors</a> ::
<a href="#x">Faces</a> ::
<a href="#y">Sizes</a> ::
<a href="#z"><font
size="4"><b>HighLight</b></font></a>""
**Here's a chromatic Rainbow of HTML codes**
**to Highlight (color) text:** from A to O.
In WikiNi, between two pairs of quotation marks,
""
<b>Highlight</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">
~White Text with Black Back</font> =
""
<font style="background-color: #000000" color="#ffffff">
~White Text with Black Back</font>
""
----
**B**
<font style="background-color: #cc99ff" color="#660099">
~Purple Text with Mauve Back</font> =
""
<font style="background-color: #cc99ff" color="#660099">
~Purple Text with Mauve Back</font>
""
----
**C**
<font style="background-color: #660099" color="#ccccff">
~Mauve Text with Purple Back</font> =
""
<font style="background-color: #660099" color="#ccccff">
~Mauve Text with Purple Back</font>
""
----
""
<a name="e2"></a>
<div align="center">
<font size="2" face="arial">
<a href="#top">Top</a> ::
<a href="#a">Bold-Italic</a> ::
<a href="#c">UnderL-Erase</a> ::
<a href="#e"><font
size="4"><b>Font</b></font></a> ::
<a href="#f">Justify</a> ::
<a href="#g">Center</a> ::
<a href="#h">Right</a> ::
<a href="#i">Indent</a> ::
<a href="#j">LineCh</a><br />
<a href="#k">Line</a> ::
<a href="#l">Image</a> ::
<a href="#m">Link</a> ::
<a href="#n">Target</a> ::
<a href="#o">InLink</a> ::
<a href="#p">List</a> ::
<a href="#q">#List</a> ::
<a href="#r">Table</a> ::
<a href="#s">Title</a> ::
<a href="#index">Index</a> ::
<a href="#info">Info</a>
</font>
</div>
<br />
<b>Highlight</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">
~Blue Text with Sky Blue Back</font> =
""
<font style="background-color: #99ffff" color="#0000ff">
~Blue Text with Sky Blue Back</font>
""
----
**E**
<font style="background-color: #0000ff" color="#99ffff">
~Sky Blue Text with Blue Back</font> =
""
<font style="background-color: #0000ff" color="#99ffff">
~Sky Blue Text with Blue Back</font>
""
----
**F**
<font style="background-color: #33cc33" color="#003300">
~Green with Light Green Back</font> =
""
<font style="background-color: #33cc33" color="#003300">
~Green with Light Green Back</font>
""
----
**G**
<font style="background-color: #003300" color="#33cc33">
~Light Green with Green Back</font> =
""
<font style="background-color: #003300" color="#33cc33">
~Light Green with Green Back</font>
""
----
""<a name="e3"></a>
<div align="center">
<font size="2" face="arial">
<a href="#top">Top</a> ::
<a href="#a">Bold-Italic</a> ::
<a href="#c">UnderL-Erase</a> ::
<a href="#e"><font
size="4"><b>Font</b></font></a> ::
<a href="#f">Justify</a> ::
<a href="#g">Center</a> ::
<a href="#h">Right</a> ::
<a href="#i">Indent</a> ::
<a href="#j">LineCh</a><br />
<a href="#k">Line</a> ::
<a href="#l">Image</a> ::
<a href="#m">Link</a> ::
<a href="#n">Target</a> ::
<a href="#o">InLink</a> ::
<a href="#p">List</a> ::
<a href="#q">#List</a> ::
<a href="#r">Table</a> ::
<a href="#s">Title</a> ::
<a href="#index">Index</a> ::
<a href="#info">Info</a>
</font>
</div>
<br />
<b>Highlight</b>
<a href="#z">_A B C_</a> ::
<a href="#e2">_D E F G_</a> ::
<a href="#e3"><font size="4"><b>_H I J
K_</b></font></a> ::
<a href="#e4">_L M N O_</a>""
**H**
<font style="background-color: #cccc33" color="#333300">
~Dark Text with Yellow Back</font> =
""
<font style="background-color: #cccc33" color="#333300">
~Dark Text with Yellow Back</font>
""
----
**I**
<font style="background-color: #333300" color="#cccc33">
~Yellow Text with Dark Back</font> =
""
<font style="background-color: #333300" color="#cccc33">
~Yellow Text with Dark Back</font>
""
----
**J**
<font style="background-color: #FF9900" color="#663300">
~Burnt Text and Orange Back</font> =
""
<font style="background-color: #FF9900" color="#663300">
~Burnt Text and Orange Back</font>
""
----
**K**
<font style="background-color: #663300" color="#ff9900">
~Orange Text and Burnt Back</font> =
""
<font style="background-color: #663300" color="#ff9900">
~Orange Text and Burnt Back</font>
""
----
""<a name="e4"></a>
<div align="center">
<font size="2" face="arial">
<a href="#top">Top</a> ::
<a href="#a">Bold-Italic</a> ::
<a href="#c">UnderL-Erase</a> ::
<a href="#e"><font
size="4"><b>Font</b></font></a> ::
<a href="#f">Justify</a> ::
<a href="#g">Center</a> ::
<a href="#h">Right</a> ::
<a href="#i">Indent</a> ::
<a href="#j">LineCh</a><br />
<a href="#k">Line</a> ::
<a href="#l">Image</a> ::
<a href="#m">Link</a> ::
<a href="#n">Target</a> ::
<a href="#o">InLink</a> ::
<a href="#p">List</a> ::
<a href="#q">#List</a> ::
<a href="#r">Table</a> ::
<a href="#s">Title</a> ::
<a href="#index">Index</a> ::
<a href="#info">Info</a>
</font>
</div>
<br />
<b>Highlight</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">
~Red Text with Pink Back</font> =
""
<font style="background-color: #ff99cc" color="#990000">
~Red Text with Pink Back</font>
""
----
**M**
<font style="background-color: #990000" color="#ff99cc">
~Pink Text with Red Back</font> =
""
<font style="background-color: #990000" color="#ff99cc">
~Pink Text with Red Back</font>
""
----
**N**
<font style="background-color: #c0c0c0" color="#000000">
~Black Text with Grey Back</font> =
""
<font style="background-color: #c0c0c0" color="#000000">
~Black Text with Grey Back</font>
""
----
**O**
<font style="background-color: #ffffff" color="#000000">
~Black Text with White Back</font> =
""
<font style="background-color: #ffffff" color="#000000">
~Black Text with White Back</font>
<br /><br />
<hr /><div align="center"><a name="f"></a>
<font size="2" face="arial">
<a href="#top">Top</a> ::
<a href="#a">Bold-Italic</a> ::
<a href="#c">UnderL-Erase</a> ::
<a href="#e">Font</a> ::
<a href="#f"><font
size="4"><b>Justify</b></font></a> ::
<a href="#g">Center</a> ::
<a href="#h">Right</a> ::
<a href="#i">Indent</a> ::
<a href="#j">LineCh</a><br />
<a href="#k">Line</a> ::
<a href="#l">Image</a> ::
<a href="#m">Link</a> ::
<a href="#n">Target</a> ::
<a href="#o">InLink</a> ::
<a href="#p">List</a> ::
<a href="#q">#List</a> ::
<a href="#r">Table</a> ::
<a href="#s">Title</a> ::
<a href="#index">Index</a> ::
<a href="#info">Info</a>
</font></div>""
f. **To justify //usually long// text**
""<font size="1">""No FoXmatageWikiNi FoXmattinG
Equivalent!""</font>""
Write ""<font size="1">(in WikiNi, with pairs of quotation
marks, instead of just one <u>"</u>)</font>""
__"__
<div align="justify">
before your text, which here will respond to HTML codes, and after it:
</div>
__"__
or else
__"__<div align="justify">__"__
before your text, which here will continue responding to
FoXmatageWikiNi FoXmattinG, and after it:
__"__</div>__"__
""<table align="center" bgcolor="#ccffff"
width="155px"><tr><td><div align="justify">
<font color="#0000ff">
Justified text typically refers to text that that is aligned to both
the left and right margins.</font>
</div></td></tr></table>""
""<hr /><div align="center"><a name="g"></a>
<font size="2" face="arial">
<a href="#top">Top</a> ::
<a href="#a">Bold-Italic</a> ::
<a href="#c">UnderL-Erase</a> ::
<a href="#e">Font</a> ::
<a href="#f">Justify</a> ::
<a href="#g"><font
size="4"><b>Center</b></font></a> ::
<a href="#h">Right</a> ::
<a href="#i">Indent</a> ::
<a href="#j">LineCh</a><br />
<a href="#k">Line</a> ::
<a href="#l">Image</a> ::
<a href="#m">Link</a> ::
<a href="#n">Target</a> ::
<a href="#o">InLink</a> ::
<a href="#p">List</a> ::
<a href="#q">#List</a> ::
<a href="#r">Table</a> ::
<a href="#s">Title</a> ::
<a href="#index">Index</a> ::
<a href="#info">Info</a>
</font></div>""
g. **To center textual or graphic content**
""<font size="1">""No FoXmatageWikiNi FoXmattinG
Equivalent!""</font>""
For short text, write ""<font size="1">(in WikiNi, with
pairs of quotation marks, instead of just one
<u>"</u>)</font>""
__"__<div align="center">before your text and after
it:</div>__"__
for longer text,
__"__<div align="center">
before your text, which here will respond to HTML codes, and after it:
</div>__"__
or
__"__<div align="center">__"__
before your text, which here will continue responding
to FoXmatageWikiNi FoXmattinG, and after it:
__"__</div>__"__
""<div align="center"><b>Centered
text</b></div>""
""<hr /><div align="center"><a name="h"></a>
<font size="2" face="arial">
<a href="#top">Top</a> ::
<a href="#a">Bold-Italic</a> ::
<a href="#c">UnderL-Erase</a> ::
<a href="#e">Font</a> ::
<a href="#f">Justify</a> ::
<a href="#g">Center</a> ::
<a href="#h"><font
size="4"><b>Right</b></font></a> ::
<a href="#i">Indent</a> ::
<a href="#j">LineCh</a><br />
<a href="#k">Line</a> ::
<a href="#l">Image</a> ::
<a href="#m">Link</a> ::
<a href="#n">Target</a> ::
<a href="#o">InLink</a> ::
<a href="#p">List</a> ::
<a href="#q">#List</a> ::
<a href="#r">Table</a> ::
<a href="#s">Sign</a> ::
<a href="#index">Title</a> ::
<a href="#info">Info</a>
</font></div>""
h. **To align on the right textual or graphic content**
""<font size="1">""No FoXmatageWikiNi FoXmattinG
Equivalent!""</font>""
For //likely short// text, like the date, write
""<font size="1">(in WikiNi, with pairs of quotation marks,
instead of just one <u>"</u>)</font>""
__"__<div align="right">before your text and after
it:</div>__"__
or, for //unlikely long// text, write
__"__
<div align="right">
before your text, which here will respond to HTML codes, and after it:
</div>
__"__
or else
__"__<div align="right">__"__
before your text, which here will continue responding
to FoXmatageWikiNi FoXmattinG, and after it:
__"__</div>__"__
""<div align="right">Signatures may be aligned on the
right.</div>""
""<hr /><div align="center"><a name="i"></a>
<font size="2" face="arial">
<a href="#top">Top</a> ::
<a href="#a">Bold-Italic</a> ::
<a href="#c">UnderL-Erase</a> ::
<a href="#e">Font</a> ::
<a href="#f">Justify</a> ::
<a href="#g">Center</a> ::
<a href="#h">Right</a> ::
<a href="#i"><font
size="4"><b>Indent</b></font></a> ::
<a href="#j">LineCh</a><br />
<a href="#k">Line</a> ::
<a href="#l">Image</a> ::
<a href="#m">Link</a> ::
<a href="#n">Target</a> ::
<a href="#o">InLink</a> ::
<a href="#p">List</a> ::
<a href="#q">#List</a> ::
<a href="#r">Table</a> ::
<a href="#s">Title</a> ::
<a href="#index">Index</a> ::
<a href="#info">Info</a>
</font></div>""
i. **To indent //usually long// text**
Write ""<font size="1">(in WikiNi, with pairs of quotation
marks, instead of just one <u>"</u>)</font>""
__"__
<blockquote>
before your text; then after it, write
</blockquote>
__"__
or else, to also justify and color the textual content,
__"__
<blockquote><div align="justify"><font
color="#0000ff">
before your text; then after it, in their reverse order of entrance,
write the closing tags
</font></div></blockquote>
__"__
This paragraph is indented:
""<blockquote><font size="1">""FoXmatageWikiNi FoXmattinG
Equivalent is attained by simply inserting one, two, three, or even
four empty spaces, at the beginning of a line or paragraph.
""</font></blockquote>""
""<hr /><div align="center"><a name="j"></a>
<font size="2" face="arial">
<a href="#top">Top</a> ::
<a href="#a">Bold-Italic</a> ::
<a href="#c">UnderL-Erase</a> ::
<a href="#e">Font</a> ::
<a href="#f">Justify</a> ::
<a href="#g">Center</a> ::
<a href="#h">Right</a> ::
<a href="#i">Indent</a> ::
<a href="#j"><font
size="4"><b>LineCh</b></font></a><br />
<a href="#k">Line</a> ::
<a href="#l">Image</a> ::
<a href="#m">Link</a> ::
<a href="#n">Target</a> ::
<a href="#o">InLink</a> ::
<a href="#p">List</a> ::
<a href="#q">#List</a> ::
<a href="#r">Table</a> ::
<a href="#s">Title</a> ::
<a href="#index">Index</a> ::
<a href="#info">Info</a>
</font></div>""
j. **To change line**
The XHTML-proof self-closed code <br /> creates a change of line,
whereas a simple change of line, by clicking "Enter", when you're
editing, doesn't create one in the published Wiki p@ge, where the
WikiNi FoXmattinG is off. Consequentely, in WikiNi, for a better
visualisation of (long) p@ges, when you're modifying them, the <br
/> tag doesn't have to touch the last word of line a and the first
word of line b:
""<font size="1">(in WikiNi, with pairs of quotation marks,
instead of just one ")</font>""
"a) this is the first line<br />b) this is the second line"
""<table align="center" bgcolor="#cccccc" cellpadding="0px"
cellspacing="0px" width="600px">
<tr bgcolor="#ffffff"><td width="320px">
could thus be replaced by
</td><td width="280px">
or else, by
</td></tr><tr><td width="320px">
"""
a) this is the first line<br />
b) this is the second line.
"""
</td><td width="280px">"""
a) this is the first line
<br />
b) this is the second line.
"""
</td></tr><tr bgcolor="#ffffff"><td
width="320px"><div align="center">
<font color="#000000">for the same result in the published
p@ge:</font></div>
</td><td width="280px">
<font color="#000000">a) This is the first line<br />b)
this is the second line.</font>
</td></tr></table>
<br />
<font size="1">""FoXmatageWikiNi FoXmattinG Equivalents:
a) if you write ""---"", what follows will be in the next line. =
if you write ---, what follows will be in the next line.
b)Just click "Enter" and change line.""</font>""
""<hr /><div align="center"><a name="k"></a>
<font size="2" face="arial">
<a href="#top">Top</a> ::
<a href="#a">Bold-Italic</a> ::
<a href="#c">UnderL-Erase</a> ::
<a href="#e">Font</a> ::
<a href="#f">Justify</a> ::
<a href="#g">Center</a> ::
<a href="#h">Right</a> ::
<a href="#i">Indent</a> ::
<a href="#j">LineCh</a><br />
<a href="#k"><font
size="4"><b>Line</b></font></a> ::
<a href="#l">Image</a> ::
<a href="#m">Link</a> ::
<a href="#n">Target</a> ::
<a href="#o">InLink</a> ::
<a href="#p">List</a> ::
<a href="#q">#List</a> ::
<a href="#r">Table</a> ::
<a href="#s">Title</a> ::
<a href="#index">Index</a> ::
<a href="#info">Info</a>
</font></div>""
k. **To create a line, or //Horizontal Separator//**,
as inside and below this paragraph "k"
In WikiNi, between two pairs of quotation marks,
if you write up to**<hr />**then continue writing right after it.
you get:
""if you write up to<hr />then continue writing right after it.""
For the same result, in WikiNi,
you may end your paragraph, change line, ... write
<hr />
change line again, then continue writing...
That helps to the visualisation of (long) p@ges when you're
modifying them.
""<font size="1">""FoXmatageWikiNi FoXmattinG Equivalent:
if you write 4 dashes, "-", it creates a line.""</font>""
""<hr /><div align="center"><a name="l"></a>
<font size="2" face="arial">
<a href="#top">Top</a> ::
<a href="#a">Bold-Italic</a> ::
<a href="#c">UnderL-Erase</a> ::
<a href="#e">Font</a> ::
<a href="#f">Justify</a> ::
<a href="#g">Center</a> ::
<a href="#h">Right</a> ::
<a href="#i">Indent</a> ::
<a href="#j">LineCh</a><br />
<a href="#k">Line</a> ::
<a href="#l"><font
size="4"><b>Image</b></font></a> ::
<a href="#m">Link</a> ::
<a href="#n">Target</a> ::
<a href="#o">InLink</a> ::
<a href="#p">List</a> ::
<a href="#q">#List</a> ::
<a href="#r">Table</a> ::
<a href="#s">Title</a> ::
<a href="#index">Index</a> ::
<a href="#info">Info</a>
</font></div>""
l. **To insert an im@ge**
""<a href="#l"><font
size="4"><b>1/3</b></font></a> :: <a
href="#l2">2/3</a> :: <a href="#l3">3/3</a>.
<font size="1">""
Explanations on [[http://www.djo.ca/cbbz00.html#Domaines URL
@ddresses]] and [[http://www.djo.ca/cbbz03.html#paint
Im@ges]].""</font>""
In WikiNi, between two pairs of quotation marks, write
<img src="the_URL_@ddress_of_im@ge" alt="compulsory"
title="optional" />
In this self-closed "code tag", the **alt** attribute is compulsory.
**To create a centered im@ge that is a link**, writing
<div align="center">
<a href="http://www.wikini.net/" title="WikiNi">
<img src="URLaddressofImage" alt="compulsory" />
</a>
</div>
""
<div align="center">creates<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">Top</a> ::
<a href="#a">Bold-Italic</a> ::
<a href="#c">UnderL-Erase</a> ::
<a href="#e">Font</a> ::
<a href="#f">Justify</a> ::
<a href="#g">Center</a> ::
<a href="#h">Right</a> ::
<a href="#i">Indent</a> ::
<a href="#j">LineCh</a><br />
<a href="#k">Line</a> ::
<a href="#l"><font size="4"
face="arial"><b>Image</b></font></a> ::
<a href="#m">Link</a> ::
<a href="#n">Target</a> ::
<a href="#o">InLink</a> ::
<a href="#p">List</a> ::
<a href="#q">#List</a> ::
<a href="#r">Table</a> ::
<a href="#s">Title</a> ::
<a href="#index">Index</a> ::
<a href="#info">Info</a>
</font></div>""
**Im@ge** ""<a href="#l">1/3</a> :: <a
href="#l2"><font
size="4"><b>2/3</b></font></a> :: <a
href="#l3">3/3</a>.
<br /><br />
To impede the 2 px border<br /><br />
that appears by default around linked im@ges,
<br /><br />
<div align="center">add <b>border="0px"</b> in the
img tag:</div><br />
""<img src="URLaddressofImage" alt="WikiNi" border="0px" />""
<br />
<br />
<div align="center">creates
<br />
<br />
<a href="http://www.wikini.net/wakka.php?wiki=LogoPourWikiNi#djo"
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">Top</a> ::
<a href="#a">Bold-Italic</a> ::
<a href="#c">UnderL-Erase</a> ::
<a href="#e">Font</a> ::
<a href="#f">Justify</a> ::
<a href="#g">Center</a> ::
<a href="#h">Right</a> ::
<a href="#i">Indent</a> ::
<a href="#j">LineCh</a><br />
<a href="#k">Line</a> ::
<a href="#l"><font
size="4"><b>Image</b></font></a> ::
<a href="#m">Link</a> ::
<a href="#n">Target</a> ::
<a href="#o">InLink</a> ::
<a href="#p">List</a> ::
<a href="#q">#List</a> ::
<a href="#r">Table</a> ::
<a href="#s">Title</a> ::
<a href="#index">Index</a> ::
<a href="#info">Info</a>
</font></div>""
**Im@ge** ""<a href="#l">1/3</a> :: <a
href="#l2">2/3</a> :: <a href="#l3"><font
size="4"><b>3/3</b></font></a>.
<br /><br />
If the im@ge isn't a link, but
<br />
<div align="center">you want to add an information bubble that
appears when the im@ge is pointed,<br />
add <b>title="the title of the image in lower case"</b> in
the <b>img</b> tag:
<br />
</div>
<br /><font size="1">
""<img src="URLaddressofImage" alt="bubble in lower case"
border="0px" title="bubble in lower case" />"" </font>
<br /><br />
<div align="center">
creates
<br />
<br />
<img src="http://djo.ca/wikinitxt.gif" alt="bubble in lower case"
border="0px" title="bubble in lower case" />
</div>
<blockquote>
<div align="justify">
Indeed, those XHTML recipes to create linked im@ges imply that the
im@ge already is @vailable on the Web. Remember that hooking to a Web
Sp@ce's im@ge(s) means using that Sp@ce's bandwidth: it thus appears
ethical to request permission to the Sp@ce's owner(s),
<b>before</b> hooking onto the im@ge, <i>unleast it
is for a short time</i>. In any case, the origins of the hooked
im@ge, should be indicated, just as with any other
<i>quote</i>.</div></blockquote>""
""<font size="1">"" FoXmatageWikiNi FoXmattinG Equivalent:
write the @ddress between two pairs of parenthesis [ et
]""</font>""
""
<ul>
<li><font size="1">either <b>without</b> the
<b>http://</b> as in [[www.djo.ca/w01blue.gif]] =
""[[www.djo.ca/w01blue.gif]]""</font></li>
<li><font size="1">or <b>with</b> the
<b>http://</b> and also a text <i>said
alternative</i> :<br />as in [[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">Top</a> ::
<a href="#a">Bold-Italic</a> ::
<a href="#c">UnderL-Erase</a> ::
<a href="#e">Font</a> ::
<a href="#f">Justify</a> ::
<a href="#g">Center</a> ::
<a href="#h">Right</a> ::
<a href="#i">Indent</a> ::
<a href="#j">LineCh</a><br />
<a href="#k">Line</a> ::
<a href="#l">Image</a> ::
<a href="#m"><font
size="4"><b>Link</b></font></a> ::
<a href="#n">Target</a> ::
<a href="#o">InLink</a> ::
<a href="#p">List</a> ::
<a href="#q">#List</a> ::
<a href="#r">Table</a> ::
<a href="#s">Title</a> ::
<a href="#index">Index</a> ::
<a href="#info">Info</a>
</font></div>""
m. **To make a direct link**
**to another Web or WiKi p@ge**,
in WikiNi, between two pairs of quotation marks, write
<a href="the_URL_@ddress_of_the_p@ge">Linked TEXT or
Im@ge</a>
<a href="the_URL_@ddress_of_the_p@ge" title="infomative bubble">
Linked TEXT or Im@ge</a>
<a href="http://www.wikipedia.org" title="World's Biggest WiKi!">
Wikipedia</a> = ""<a href="http://www.wikipedia.org"
title="World's Biggest WiKi!">Wikipedia</a>""
**to an em@il @ddress**, in WikiNi, between two pairs of
quotation marks, write
<a href="mailto:fictive.address@sympatico.ca">Linked TEXT or
Im@ge</a>
""<font size="1">""
<a href="mailto:fictive.address@sympatico.ca?subject=FoXspeaqsXhtml"
title="Send us an em@il">
Em@il Link</a>""</font>"" =
""<div align="center"><a
href="mailto:fictive.address@sympatico.ca?subject=FoXspeaqsXhtml"
title="Send us an em@il">Em@il Link</a></div><font
size="1"><br />
""FoXmatageWikiNi FoXmattinG Equivalent:
a) NomWiKi or MotWiki
b)Automatic External Link: http://www.wikipedia.org
c) Forced External Link: ""[[http://www.wikipedia.org]]"" =
http://www.wikipedia.org
""[[http://www.wikipedia.org Wikipedia's WiKi]]"" =
[[http://www.wikipedia.org Wikipedia's WiKi]]
d) Forced Em@il Link: ""[[toto@example.org]]"" = [[toto@example.org]]
""[[toto@example.org Toto's Em@il @ddress]]"" = [[toto@example.org
Toto's Em@il @ddress]]""</font>""
""<hr /><div align="center"><a name="n"></a>
<font size="2" face="arial">
<a href="#top">Top</a> ::
<a href="#a">Bold-Italic</a> ::
<a href="#c">UnderL-Erase</a> ::
<a href="#e">Font</a> ::
<a href="#f">Justify</a> ::
<a href="#g">Center</a> ::
<a href="#h">Right</a> ::
<a href="#i">Indent</a> ::
<a href="#j">LineCh</a><br />
<a href="#k">Line</a> ::
<a href="#l">Image</a> ::
<a href="#m">Link</a> ::
<a href="#n"><font
size="4"><b>Target</b></font></a> ::
<a href="#o">InLink</a> ::
<a href="#p">List</a> ::
<a href="#q">#List</a> ::
<a href="#r">Table</a> ::
<a href="#s">Title</a> ::
<a href="#index">Index</a> ::
<a href="#info">Info</a>
</font></div>""
n. **To make a target="_blank" link to another WiKi or Web p@ge**
""<font size="1">""No FoXmatageWikiNi FoXmattinG
Equivalent!""</font>""
A target="_blank" link opens up into a new window or tab.
In WikiNi, between two pairs of quotation marks, write
<a href="the_URL_@ddress_of_the_p@ge" target="_blank">Linked TEXT
or Im@ge</a>
For example, if you write:
<div align="center">
<a target="_blank" href="http://www.wikipedia.org" title="opens in a
new window">Wikipedia</a>
</div>
""<div align="center">you get:<br /><br />
<a target="_blank" href="http://www.wikipedia.org" title="opens in a
new window">Wikipedia</a>
<br /><br />
It is <i>user friendly</i> to indicate when a link is a
<b>target="_blank" link</b>.
</div>""
""<hr /><div align="center"><a name="o"></a>
<font size="2" face="arial">
<a href="#top">Top</a> ::
<a href="#a">Bold-Italic</a> ::
<a href="#c">UnderL-Erase</a> ::
<a href="#e">Font</a> ::
<a href="#f">Justify</a> ::
<a href="#g">Center</a> ::
<a href="#h">Right</a> ::
<a href="#i">Indent</a> ::
<a href="#j">LineCh</a><br />
<a href="#k">Line</a> ::
<a href="#l">Image</a> ::
<a href="#m">Link</a> ::
<a href="#n">Target</a> ::
<a href="#o"><font
size="4"><b>InLink</b></font></a> ::
<a href="#p">List</a> ::
<a href="#q">#List</a> ::
<a href="#r">Table</a> ::
<a href="#s">Title</a> ::
<a href="#index">Index</a> ::
<a href="#info">Info</a>
</font></div>""
o. **To make an internal link within the p@ge itself**
""<font size="1">""No FoXmatageWikiNi FoXmattinG
Equivalent!""</font>""
In WikiNi, between two pairs of quotation marks,
a) create a target:
<a name="name_of_target">Nothing, Text, or Im@ge</a>
b) create a link to that target:
<a href="#name_of_target">The LINK may be a text or an
Im@ge</a>
Example:
Each Link Bar on top of each XHTML code in this p@ge
is made of 20 Internal Links and one target.
""<hr /><div align="center"><a name="p"></a>
<font size="2" face="arial">
<a href="#top">Top</a> ::
<a href="#a">Bold-Italic</a> ::
<a href="#c">UnderL-Erase</a> ::
<a href="#e">Font</a> ::
<a href="#f">Justify</a> ::
<a href="#g">Center</a> ::
<a href="#h">Right</a> ::
<a href="#i">Indent</a> ::
<a href="#j">LineCh</a><br />
<a href="#k">Line</a> ::
<a href="#l">Image</a> ::
<a href="#m">Link</a> ::
<a href="#n">Target</a> ::
<a href="#o">InLink</a> ::
<a href="#p"><font
size="4"><b>List</b></font></a> ::
<a href="#q">#List</a> ::
<a href="#r">Table</a> ::
<a href="#s">Title</a> ::
<a href="#index">Index</a> ::
<a href="#info">Info</a>
</font></div>""
p. **To create a bullet list**
In WikiNi, between two pairs of quotation marks, if you write
<ul>
<li>First Item</li>
<li>Second Item</li>
<li>Third Item</li>
<li>Fourth Item</li>
<li>Fifth Item</li>
</ul>
you get:
""
<ul>
<li>First Item</li>
<li>Second Item</li>
<li>Third Item</li>
<li>Fourth Item</li>
<li>Fifth Item</li>
</ul>
""
""<font size="1">""FoXmatageWikiNi FoXmattinG Equivalent: see
FoXmatageWikiNi FoXmattinG #Lists-Indent.""</font>""
As for bullet lists, FoXmatageWikiNi FoXmattinG is simpler than HTML.
""<hr /><div align="center"><a name="q"></a>
<font size="2" face="arial">
<a href="#top">Top</a> ::
<a href="#a">Bold-Italic</a> ::
<a href="#c">UnderL-Erase</a> ::
<a href="#e">Font</a> ::
<a href="#f">Justify</a> ::
<a href="#g">Center</a> ::
<a href="#h">Right</a> ::
<a href="#i">Indent</a> ::
<a href="#j">LineCh</a><br />
<a href="#k">Line</a> ::
<a href="#l">Image</a> ::
<a href="#m">Link</a> ::
<a href="#n">Target</a> ::
<a href="#o">InLink</a> ::
<a href="#p">List</a> ::
<a href="#q"><font
size="4"><b>#List</b></font></a> ::
<a href="#r">Table</a> ::
<a href="#s">Title</a> ::
<a href="#index">Index</a> ::
<a href="#info">Info</a>
</font></div>""
q. **To create a numbered list**
""<font size="1">""In WikiNi, between two pairs of quotation
marks, writing""</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>
creates
</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>
creates
</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>
creates
</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>
creates
</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>
creates
</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">""FoXmatageWikiNi FoXmattinG Equivalent: see
FoXmatageWikiNi FoXmattinG #Lists-Indent ""</font>""
""<hr /><div align="center"><a name="r"></a>
<font size="2" face="arial">
<a href="#top">Top</a> ::
<a href="#a">Bold-Italic</a> ::
<a href="#c">UnderL-Erase</a> ::
<a href="#e">Font</a> ::
<a href="#f">Justify</a> ::
<a href="#g">Center</a> ::
<a href="#h">Right</a> ::
<a href="#i">Indent</a> ::
<a href="#j">LineCh</a><br />
<a href="#k">Line</a> ::
<a href="#l">Image</a> ::
<a href="#m">Link</a> ::
<a href="#n">Target</a> ::
<a href="#o">InLink</a> ::
<a href="#p">List</a> ::
<a href="#q">#List</a> ::
<a href="#r"><font
size="4"><b>Table</b></font></a> ::
<a href="#s">Title</a> ::
<a href="#index">Index</a> ::
<a href="#info">Info</a>
</font></div>""
r. Table ""<a href="#r"><font
size="4"><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 To choose a color's
number]]""<font size="1">""
No FoXmatageWikiNi FoXmattinG equivalent, except ""<a
href="http://recitmst.qc.ca/wikinimst/wakka.php?wiki=ReglesDeFormatage"
title="@dapted WikiNi
"><b>here</b></a>.</font>""
Tables are the most complex XHTML FoXmattinG in BambaFox.
There are three main tags:
**<table>**, **<tr>** for the lines, and **<td>** for
each cell.
Here's an XHTML code, in which to insert contents, here within a pale
blue table;
its <table> tag has four attributes:
in WikiNi, between two pairs of quotation marks, writing
<table **align**="center" **bgcolor**="#99ffff" **border**="1px"
**width**="555px">
<tr><td>
your contents, which here will answer to HTML.
</td></tr></table>
creates:
""
<table align="center" bgcolor="#99ffff" border="1px"
width="555px"><tr><td>
your contents, which here will answer to HTML.
</td></tr></table>
""
""<hr /><div align="center"><a name="r2"></a>
<font size="2" face="arial">
<a href="#top">Top</a> ::
<a href="#a">Bold-Italic</a> ::
<a href="#c">UnderL-Erase</a> ::
<a href="#e">Font</a> ::
<a href="#f">Justify</a> ::
<a href="#g">Center</a> ::
<a href="#h">Right</a> ::
<a href="#i">Indent</a> ::
<a href="#j">LineCh</a><br />
<a href="#k">Line</a> ::
<a href="#l">Image</a> ::
<a href="#m">Link</a> ::
<a href="#n">Target</a> ::
<a href="#o">InLink</a> ::
<a href="#p">List</a> ::
<a href="#q">#List</a> ::
<a href="#r"><font
size="4"><b>Table</b></font></a> ::
<a href="#s">Title</a> ::
<a href="#index">Index</a> ::
<a href="#info">Info</a>
</font></div>""
r. Table ""<a href="#r">r1</a> ::
<a href="#r2"><font
size="4"><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>""
Here's an even simpler and //graphically safer// code, by which the
table, //by default//,
-will be aligned left, since there's no **align** attribute
in the <table> tag,
-in WikiNi, will have a 0px border, since there is no **border**
attribute.
In WikiNi, between two pairs of quotation marks, writing
<table **bgcolor**="#99ffff" **width**="555px">
<tr><td>
your contents, which here will answer to HTML.
</td></tr></table>
creates:
""
<table bgcolor="#99ffff" width="555px"><tr><td>
your contents, which here will answer to HTML.
</td></tr></table>
""
""<hr /><div align="center"><a name="r3"></a>
<font size="2" face="arial">
<a href="#top">Top</a> ::
<a href="#a">Bold-Italic</a> ::
<a href="#c">UnderL-Erase</a> ::
<a href="#e">Font</a> ::
<a href="#f">Justify</a> ::
<a href="#g">Center</a> ::
<a href="#h">Right</a> ::
<a href="#i">Indent</a> ::
<a href="#j">LineCh</a><br />
<a href="#k">Line</a> ::
<a href="#l">Image</a> ::
<a href="#m">Link</a> ::
<a href="#n">Target</a> ::
<a href="#o">InLink</a> ::
<a href="#p">List</a> ::
<a href="#q">#List</a> ::
<a href="#r"><font
size="4"><b>Table</b></font></a> ::
<a href="#s">Title</a> ::
<a href="#index">Index</a>
<a href="#info">Info</a>
</font></div>""
r. Table ""<a href="#r">r1</a> ::
<a href="#r2">r2</a> ::
<a href="#r3"><font
size="4"><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>""
The background color and the width of each cell may be defined in the
<td> tag;
the contents of all cells in the row may be aligned, here to the right,
through the <tr> tag.
in WikiNi, between two pairs of quotation marks, if you write
<table align="center" border="0px" bgcolor="#000000"
width="540px">
<tr align="right">
<td bgcolor="#cccc33" width="190px">First Column /yellow
background</td>
<td bgcolor="#ff9900" width="160px">Second Column /orange
background</td>
<td bgcolor="#ff9999" width="190px">Third Column /pink
background</td>
</tr>
</table>
you get:
""
<table align="center" border="0px" bgcolor="#000000"
width="540px">
<tr align="right">
<td bgcolor="#cccc33" width="190px">First Column /yellow
background</td>
<td bgcolor="#ff9900" width="160px">Second Column /orange
background</td>
<td bgcolor="#ff9999" width="190px">Third Column /pink
background</td>
</tr>
</table>""
""<hr /><div align="center"><a name="r4"></a>
<font size="2" face="arial">
<a href="#top">Top</a> ::
<a href="#a">Bold-Italic</a> ::
<a href="#c">UnderL-Erase</a> ::
<a href="#e">Font</a> ::
<a href="#f">Justify</a> ::
<a href="#g">Center</a> ::
<a href="#h">Right</a> ::
<a href="#i">Indent</a> ::
<a href="#j">LineCh</a><br />
<a href="#k">Line</a> ::
<a href="#l">Image</a> ::
<a href="#m">Link</a> ::
<a href="#n">Target</a> ::
<a href="#o">InLink</a> ::
<a href="#p">List</a> ::
<a href="#q">#List</a> ::
<a href="#r"><font
size="4"><b>Table</b></font></a> ::
<a href="#s">Title</a> ::
<a href="#index">Index</a> ::
<a href="#info">Info</a>
</font></div>""
r. Table ""<a href="#r">r1</a> ::
<a href="#r2">r2</a> ::
<a href="#r3">r3</a> ::
<a href="#r4"><font
size="4"><b>r4</b></font></a> ::
<a href="#r5">r5</a> ::
<a href="#r6">r6</a> ::
<a href="#r7">r7</a>""
The <TABLE> tag of the code may also include the two **C**
attributes:
""<div align="center"><a
href="http://www.djo.ca/tableCodesSept.html">cellpadding="#px"
cellspacing="#px" EXAMPLES</a>.</div><font size="1">""
With HTML 4, the <table> tag has ± nine basic
//attributes//, whereas with XHTML, six are sufficient:""</font>""
the "background", "cols" and "height" attributes aren't XHTML 1, but
rather HTML 4.
1. TABLE ~ **Aide Mémoire for the <table> tag**: (a, bb,
cc, w)
1. **align="center", or align="right"** align the table in the
p@ge; by default, is aligned left.
background="the_URL_@ddress_of an_im@ge" is neat, but not Valid
XHTML.
2. **bgcolor="#ff00CC"** defines the color of table's background;
transparent by default.
3. **border="2px"** defines in px table's border; by default, in
WikiNi, 0px.
4. **cellpadding="0px"** defines in px the distance between
content and cell; by default, 1px.
5. **cellspacing="0px"** defines in px the distance between
cells; by default, 1px.
cols="3" isn't a Valid XTHML modifier, though it is used
in HTML 4.
height="222px" isn't a Valid XTHML modifier, though it may be
used within HTML 4.
6. **width="699px"** defines in px table's width: ""<font
size="1">""with a 17" screen, in a full width WiKi p@ge, 699 px may
be quite tight; 688 px is safer, especially for IE6, and 666 px is the
safest.
Table width may also be defined in percentage: <table
width="100%">, or <table width="88%">.""</font>""
Suggestion: systematically write <table> attributes in
alphabetical order.
""<hr /><div align="center"><a name="r5"></a>
<font size="2" face="arial">
<a href="#top">Top</a> ::
<a href="#a">Bold-Italic</a> ::
<a href="#c">UnderL-Erase</a> ::
<a href="#e">Font</a> ::
<a href="#f">Justify</a> ::
<a href="#g">Center</a> ::
<a href="#h">Right</a> ::
<a href="#i">Indent</a> ::
<a href="#j">LineCh</a><br />
<a href="#k">Line</a> ::
<a href="#l">Image</a> ::
<a href="#m">Link</a> ::
<a href="#n">Target</a> ::
<a href="#o">InLink</a> ::
<a href="#p">List</a> ::
<a href="#q">#List</a> ::
<a href="#r"><font
size="4"><b>Table</b></font></a> ::
<a href="#s">Title</a> ::
<a href="#index">Index</a> ::
<a href="#info">Info</a>
</font></div>""
r. Table ""<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"><b>r5</b></font></a> ::
<a href="#r6">r6</a> ::
<a href="#r7">r7</a>""
In XHTML, the <tr> and <td> tags respectively have 2
and 3 modifiers:
2. <tr> (the row)
a. **align="center"**, or **align="right"** align the content of
all cells in the row.
background="the_URL_@ddress_of an_im@ge" isn't valid XHTML 1.0
transitional.
b. **bgcolor="#ff00CC"** defines the color of table's background.
3. <td> (the cell)
a. **align="center"**, or **align="right"** align the content of
that cell.
background="the_URL_@ddress_of an_im@ge" isn't valid XHTML 1.0
transitional.
b. **bgcolor="#ff00CC"** defines the color of table's background.
w. **width="299px"** defines the cell's width.
""<hr /><div align="center"><a name="r6"></a>
<font size="2" face="arial">
<a href="#top">Top</a> ::
<a href="#a">Bold-Italic</a> ::
<a href="#c">UnderL-Erase</a> ::
<a href="#e">Font</a> ::
<a href="#f">Justify</a> ::
<a href="#g">Center</a> ::
<a href="#h">Right</a> ::
<a href="#i">Indent</a> ::
<a href="#j">LineCh</a><br />
<a href="#k">Line</a> ::
<a href="#l">Image</a> ::
<a href="#m">Link</a> ::
<a href="#n">Target</a> ::
<a href="#o">InLink</a> ::
<a href="#p">List</a> ::
<a href="#q">#List</a> ::
<a href="#r"><font
size="4"><b>Table</b></font></a> ::
<a href="#s">Title</a> ::
<a href="#index">Index</a> ::
<a href="#info">Info</a>
</font></div>""
r. Table ""<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"><b>r6</b></font></a> ::
<a href="#r7">r7</a><br />
<font size="1">DjO created this gr@ph for HTML 4.0 transitional,
with MOT 2.3 and 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">Top</a> ::
<a href="#a">Bold-Italic</a> ::
<a href="#c">UnderL-Erase</a> ::
<a href="#e">Font</a> ::
<a href="#f">Justify</a> ::
<a href="#g">Center</a> ::
<a href="#h">Right</a> ::
<a href="#i">Indent</a> ::
<a href="#j">LineCh</a><br />
<a href="#k">Line</a> ::
<a href="#l">Image</a> ::
<a href="#m">Link</a> ::
<a href="#n">Target</a> ::
<a href="#o">InLink</a> ::
<a href="#p">List</a> ::
<a href="#q">#List</a> ::
<a href="#r"><font
size="4"><b>Table</b></font></a> ::
<a href="#s">Title</a> ::
<a href="#index">Index</a> ::
<a href="#info">Info</a>
</font></div>""
r. Table ""<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"><b>r7</b></font></a>""
With MOT 2.3 and Paint, ""DjO"" created this other gr@ph, specifically
for XHTML 1.0,
since the "background", "cols" and "height" attributes aren't valid
XHTML transitional 1.0. ""<div align="center">
<img src="http://agora.ulaval.ca/~joden18/xhtmlTablo.gif" alt="xhtml
tables in wikini" title="xhtml tables in wikini" /><br
/>Overall, the result is simpler and thus clearer than with the
previous gr@ph.</div>""
-- ""DjO"" 04fev2006.
""<hr /><div align="center"><a name="s"></a>
<font size="2" face="arial">
<a href="#top">Top</a> ::
<a href="#a">Bold-Italic</a> ::
<a href="#c">UnderL-Erase</a> ::
<a href="#e">Font</a> ::
<a href="#f">Justify</a> ::
<a href="#g">Center</a> ::
<a href="#h">Right</a> ::
<a href="#i">Indent</a> ::
<a href="#j">LineCh</a><br />
<a href="#k">Line</a> ::
<a href="#l">Image</a> ::
<a href="#m">Link</a> ::
<a href="#n">Target</a> ::
<a href="#o">InLink</a> ::
<a href="#p">List</a> ::
<a href="#q">#List</a> ::
<a href="#r">Table</a> ::
<a href="#s"><font size="4"><b>Title
Sign</b></font></a> ::
<a href="#index">Index</a> ::
<a href="#info">Info</a>
</font></div>""
s. **To create TITLES + ""<a href="#w">WELCOME SIGN (and
Bog)</a>""**
**For TITLES**, in WikiNi, between two pairs of quotation marks,
<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">""FoXmatageWikiNi FoXmattinG Equivalent:
""</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">Top</a> ::
<a href="#a">Bold-Italic</a> ::
<a href="#c">UnderL-Erase</a> ::
<a href="#e">Font</a> ::
<a href="#f">Justify</a> ::
<a href="#g">Center</a> ::
<a href="#h">Right</a> ::
<a href="#i">Indent</a> ::
<a href="#j">LineCh</a><br />
<a href="#k">Line</a> ::
<a href="#l">Image</a> ::
<a href="#m">Link</a> ::
<a href="#n">Target</a> ::
<a href="#o">InLink</a> ::
<a href="#p">List</a> ::
<a href="#q">#List</a> ::
<a href="#r">Table</a> ::
<a href="#s"><font size="4"><b>Title
Sign</b></font></a> ::
<a href="#index">Index</a> ::
<a href="#info">Info</a>
</font></div>""
**WELCOME SIGN** (and Bog)
""<font size="1">in a table, with 3 px wide border, purplish
background, and mauve fonts.</font>""
Bog: take notice that within WikiNi, in tables built with XHTML codes,
the <h1> and <font size> codes aren't read by
Netscape Navigators 4x:
the text, within a table, is seen with the default font size,
even when <h1> to <h7> and <font size="1"> to
<font size="7"> tags are used.
However, the <font face> and <font color> tags are read
alright through NN4.
In WikiNi, between two pairs of quotation marks, if you write:
<table align="center" border="3px" bgcolor="#993399"
width="199px">
<tr>
<td>
<div align="center">
<h1><font color="#ffccff" face="comic sans
ms">WELCOME!</font></h1>
</div>
</td>
</tr>
</table>
""<div align="center">you get:</div>
<table align="center" border="3px" bgcolor="#993399"
width="199px">
<tr>
<td>
<div align="center">
<h1><font color="#ffccff" face="comic sans
ms">WELCOME!</font></h1>
</div>
</td>
</tr>
</table>
""
----
""<div align="center"><a name="index"></a>
<font size="2" face="arial">
<a href="#top">Top</a> ::
<a href="#a">Bold-Italic</a> ::
<a href="#c">UnderL-Erase</a> ::
<a href="#e">Font</a> ::
<a href="#f">Justify</a> ::
<a href="#g">Center</a> ::
<a href="#h">Right</a> ::
<a href="#i">Indent</a> ::
<a href="#j">LineCh</a><br />
<a href="#k">Line</a> ::
<a href="#l">Image</a> ::
<a href="#m">Link</a> ::
<a href="#n">Target</a> ::
<a href="#o">InLink</a> ::
<a href="#p">List</a> ::
<a href="#q">#List</a> ::
<a href="#r">Table</a> ::
<a href="#s">Title</a> ::
<a href="#index"><font
size="4"><b>Index</b></font></a> ::
<a href="#info">Info</a>
</font></div>""
**Above Contents in Alphabetical Order**
1)Align Center, Justify, Right.
-Bold.
-Erase.
-Font Colors, Faces, Sizes, Highlight.
-Im@ges.
-Indent.
-Italic.
-Lines.
-Line change.
-Links Direct.
-Links Internal.
-Links Target.
-Lists /Bullets.
-Lists /Numbers.
-Tables.
-Titles.
-Underline.
-Welcome Sign.
----
""<div align="center"><a name="info"></a>
<font size="2" face="arial">
<a href="#top">Top</a> ::
<a href="#a">Bold-Italic</a> ::
<a href="#c">UnderL-Erase</a> ::
<a href="#e">Font</a> ::
<a href="#f">Justify</a> ::
<a href="#g">Center</a> ::
<a href="#h">Right</a> ::
<a href="#i">Indent</a> ::
<a href="#j">LineCh</a><br />
<a href="#k">Line</a> ::
<a href="#l">Image</a> ::
<a href="#m">Link</a> ::
<a href="#n">Target</a> ::
<a href="#o">InLink</a> ::
<a href="#p">List</a> ::
<a href="#q">#List</a> ::
<a href="#r">Table</a> ::
<a href="#s">Title</a> ::
<a href="#index">Index</a> ::
<a href="#info"><font
size="4"><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="0px"
src="http://creativecommons.org/images/public/cc-LGPL-a.png"
/></a><br />
is licensed under<br />the <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.
----