Bold.
Italic.
UnderL.
Erase.
Blink.
Color.
Justify.
Center.
Right.
Indent.
LineCh.
Lines.
Image.
Link.
Target.
InLink.
¤List.
#List.
Table.
Sign.
Top
With |
|
to turn
on the HTML codification, and
off the ""
formatting,
simply write two pairs
of quotation marks; this is one quotation
mark: "
|
So, when you're editing
a p@ge, whether
you write |
""This
text is not in bold, <b>this
one is in Bold,</b>
and this one isn't:"" |
or else |
"" |
This text is not in
bold, |
<b>this
is in Bold,</b> |
and this isn't: |
"" |
in the published
p@ge, all on the same line, you'll see: |
This text is not bold,
this
is in Bold, and this isn't: |
to change line
between
two pairs of quotation marks, you must use the <br
/>
tag;
|
<hr
/> ~
<div
align"x"> ~ <blockquote>
~
<table>
tags also create a change of line.
|
Notice
that in HTML 4.0, except for the three TAGS k,
l,
m,
<br>,
<hr>
and <img src="URL_@ddress
of Im@ge">,
HTML Tags must be "closed":
for example, the tag </b> closes the tag
<b>
Also notice that
in XHTML 1.0 transitional, all HTML Tags must be "closed":
<br />, <hr />, <img
src="URL_@ddress of Im@ge"
alt="compulsory"
/>
and that
with img tags, the "alt" modifier is compulsory.
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:
<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>
(= bold, italic, underlined text)
Bold.
Italic.
UnderL.
Erase.
Blink.
Color.
Justify.
Center.
Right.
Indent.
LineCh.
Lines.
Image.
Link.
Target.
InLink.¤List.
#List.
Table.
Sign.
Top
a. To
make text Bold
write <b>before
your text and</b> after it.
Bold.
Italic.
UnderL.
Erase.
Blink.
Color.
Justify.
Center.
Right.
Indent.
LineCh.
Lines.
Image.
Link.
Target.
InLink.
¤List.
#List.
Table.
Sign.
Top
b.
To
make text
italic
write <i>before
your text and</i> after it.
Bold.
Italic.
UnderL.
Erase.
Blink.
Color.
Justify.
Center.
Right.
Indent.
LineCh.
Lines.
Image.
Link.
Target.
InLink.
¤List.
#List.
Table.
Sign.
Top
c.
To
make text
underlined
write <u>before
your text and</u> after it.
Bold.
Italic.
UnderL.
Erase.
Blink.
Color.
Justify.
Center.
Right.
Indent.
LineCh.
Lines.
Image.
Link.
Target.
InLink.
¤List.
#List.
Table.
Sign.
Top
d.
To
"scratch-erase"
text
write <s>before
your text and</s> after it.
Bold.
Italic.
UnderL.
Erase.
Blink.
Color.
Justify.
Center.
Right.
Indent.
LineCh.
Lines.
Image.
Link.
Target.
InLink.
¤List.
#List.
Table.
Sign.
Top
e.
To
make text
blink
write
<blink></blink> after it.
Doesn't
work in Internet Explorer 6. Isn't Valid XHTML.
Bold.
Italic.
UnderL.
Erase.
Blink.
Color.
Justify.
Center.
Right.
Indent.
LineCh.
Lines.
Image.
Link.
Target.
InLink.
¤List.
#List.
Table.
Sign.
Top
f.
To
color
text and Font Faces
To color short text
write <font color="#009900">before
you text and</font> after it.
or
For longer text
write
<font color="#009900">
before you text and
after it:
</font>
To
choose a color's number
To
HighLight and/or color Text
Font Faces
These (size 12 /Netscape
Composer 4.8) <font face>
modifiers create this:
<font face="comic
sans ms">Comic Sans MS Example.</font>
= Comic Sans MS Example.
<font face="arial"><b>Bold
Arial Example.</b></font>
=
Bold Arial Example.
<font face="arial">Arial
Example.</font>
=
Arial Example.
<font face="times
new roman">Times New Roman Example.</font>
=
Times New Roman Example.
Bold.
Italic.
UnderL.
Erase.
Blink.
Color.
Justify.Center.
Right.
Indent.
LineCh.
Lines.
Image.
Link.
Target.
InLink.
¤List.
#List.
Table.
Sign.
Top
g.
To
justify
usually
long text
write
<div align="justify">
before your text and after it:
</div>
Bold.
Italic.
UnderL.
Erase.
Blink.
Color.
Justify.Center.
Right.
Indent.
LineCh.
Lines.
Image.
Link.
Target.
InLink.
¤List.
#List.
Table.
Sign.
Top
h.
To
center
text
For short text
write
<div align="center">before
your text and after it:</div>
or
For longer text
<div align="center">
before your text and after it:
</div>
Bold.
Italic.
UnderL.
Erase.
Blink.
Color.
Justify.
Center.Right.Indent.
LineCh.
Lines.
Image.
Link.
Target.
InLink.
¤List.
#List.
Table.
Sign.
Top
i.To
align
text on the right
For likely
short text (Like the date)
write
<div align="right">before
your text and after it:</div>
or
For unlikely
longer text
write
<div align="right">
before your text and after it:
</div>
Bold.
Italic.
UnderL.
Erase.
Blink.
Color.
Justify.
Center.
Right.
Indent.
LineCh.
Lines.
Image.
Link.
Target.
InLink.
¤List.
#List.
Table.
Sign.
Top
j.
To
indent
usually
long text
Write
<blockquote>
before your text; then after it, write
</blockquote>
Bold.
Italic.
UnderL.
Erase.
Blink.
Color.
Justify.
Center.
Right.
Indent.
LineCh.
Lines.
Image.
Link.
Target.
InLink.
¤List.
#List.
Table.
Sign.
Top
k.
To
change
line
If you write:
a) To change line,
at the end of your line, write<br />b)
then continue writing your next line
you will create:
a) To change line,
at the end of your line, write
b) then continue writing
your next line
Notice
that in ,
the <br />
tag doesn't have to touch the last word of line a
and the first word of line b,
since a change of
line when you're editing,
doesn't create one in the published
Wiki p@ge,
where the
formatting is off.
You thus could as well write it this way:
a) To change line,
at the end of your line, write
<br />
b) then continue writing
your next line.
That helps to the
visualisation of (long) p@ges when you're modifying them.
Bold.
Italic.
UnderL.
Erase.
Blink.
Color.
Justify.
Center.
Right.
Indent.
LineCh.
Lines.
Image.
Link.
Target.
InLink.
¤List.
#List.
Table.
Sign.
Top
l.
To
create a line,
as
above an below this paragraph "l"
Write up to<hr
/>then continue writing right after it.
OR,
in , you
may end your paragraph, change line, write
<hr />
change line again,
then continue writing...
That may help
the visualisation of the p@ge when you're modifying it.
See Notice
in
previous §
k.
Bold.
Italic.
UnderL.
Erase.
Blink.
Color.
Justify.
Center.
Right.
Indent.
LineCh.
Lines.
Image.
Link.
Target.
InLink.
¤List.
#List.
Table.
Sign.
Top
m.
To
insert an im@ge
Write <img
src="the_URL_@ddress_of_im@ge"
alt="COMPULSORY"
title="OPTIONAL"
/>
Explanations on
URL
@ddresses & Im@ges.
Bold.
Italic.
UnderL.
Erase.
Blink.
Color.
Justify.
Center.
Right.
Indent.
LineCh.
Lines.
Image.
Link.Target.
InLink.
¤List.
#List.
Table.
Sign.
Top
n.
To
make a
direct link
to another p@ge
Write <a href="the_URL_@ddress_of_the_p@ge">Linked
TEXT or Im@ge</a>
to an em@il @ddress
Write <a href="mailto:fictive.address@sympatico.ca">Linked
TEXT or Im@ge</a>
Bold.
Italic.
UnderL.
Erase.
Blink.
Color.
Justify.
Center.
Right.
Indent.
LineCh.
Lines.
Image.
Link.
Target.
InLink.
¤List.
#List.
Table.
Sign.
Top
o.
To
make a
target link
to another p@ge
Write
<a href="the_URL_@ddress_of_the_p@ge"
target="_blank">Linked
TEXT or Im@ge</a>
Bold.
Italic.
UnderL.
Erase.
Blink.
Color.
Justify.
Center.
Right.
Indent.
LineCh.
Lines.
Image.
Link.
Target.
InLink.
¤List.
#List.
Table.
Sign.
Top
p.
To
make an internal
link
within
the p@ge
a) Create a target:
<a name="name_of_target">Nothing,
Text, or Im@ge</a>
b) Create a link to
your target:
<a href="#name_of_target">YOUR
LINK may be a text or an Im@ge</a>
Bold.
Italic.
UnderL.
Erase.
Blink.
Color.
Justify.
Center.
Right.
Indent.
LineCh.
Lines.
Image.
Link.
Target.
InLink.
¤List.
#List.
Table.
Sign.
Top
q.
To
create a bullet list
<ul>
<li>First
Item</li>
<li>Second
Item</li>
<li>Third
Item</li>
</ul>
Bold.
Italic.
UnderL.
Erase.
Blink.
Color.
Justify.
Center.
Right.
Indent.
LineCh.
Lines.
Image.
Link.
Target.
InLink.
¤List.#List.
Table.
Sign.
Top
r.
To
create a numbered list
<ol>
<li>Item
# 1</li>
<li>Item
# 2</li>
<li>Item
# 3</li>
</ol>
Bold.
Italic.
UnderL.
Erase.
Blink.
Color.
Justify.
Center.
Right.
Indent.
LineCh.
Lines.
Image.
Link.
Target.
InLink.
¤List.
#List.
Table.
Sign.
Top
s.To.Create.Fancy.TABLES
is under Construction.
In ,
a simple quick code
to insert your contents within a pale blue
colored table could be:
""
<table align="center"
bgcolor="#99ffff"
width="666px"><tr><td>
Your contents
</td></tr></table>
""
The above
code works if the WiKi p@ge isn't stretched wider than the screen.
An even simpler
and safer code may be (The
table, by default, will be aligned left.)
""
<table
bgcolor="#99ffff"
width="666px"><tr><td>
Your contents
</td></tr></table>
""
(To
choose a color's number)
Tables
are likely the most complex HTML formatting; they can get quite tricky...
There are three main
tags: <table>,
<tr>
for the lines, and <td>
for each cell.
For example, in a ,
if you write
<table align="center"
height="199px"
border="0px"
width="544px"
bgcolor="#ffffff">
<tr>
<td background="http://djo.ca/mpph_399.gif">First
Column</td>
<td>Second
Column</td>
<td bgcolor="#ff9900">Third
Column</td>
</tr>
</table>
you get: EXAMPLE
The <TABLE> section
of the code may also include the elements |
cellspacing="#px"
cellpadding="#px"
|
EXAMPLE
|
We may thus conclude |
that the <table>
tag of the HTML code for Tables
|
may have 9
6 basic attributes,
|
-
TABLE ~ Aide
Mémoire: (a, bbb, ccc, hw) (a, b, c, how)
-
align="center",
or align="right"
(Aligns
the table in the p@ge)(By default, is aligned left.)
-
background="the_URL_@ddress_of
an_im@ge"(Neither
essential, nor Valid XHTML.)
-
bgcolor="#ff00CC"
(
To
choose a color's number) (You choose;
this modifier isn't essential.)
-
border="0px"
(By
default, is usually set at one) (You choose; this modifier isn't essential.)
-
cellpadding="0px"
(By
default, is usually set at one) (You choose; this modifier isn't essential.)
-
cellspacing="0px"
(By
default, is usually set at one) (You choose; this modifier isn't essential.)
-
cols="3"
(This
modifier
is essential.)
This isn't a Valid XTHML modifier.
-
height="222px"
(You
choose; this modifier isn't essential.)
This isn't a Valid XTHML modifier.
-
width="699px"
(With
a 17" screen, in a full width WiKi p@ge, 699 px is quite tight; 688 px
is safer, especially for IE6, and 666 px is the safest.) (You choose the
# of px; this modifier is essential.)
DjO systematically
write my <table>
modifiers in alphabetical order.
IMPORTANT: the "background",
"cols" and "height"
modifiers
aren't Valid XHTML
1.0 Transitional.
The <tr>
and <td> tags of the HTML code for Tables |
may respectively have 3 and 4 useful
modifiers:
|
-
tr (the row)
-
align="center", or align="right"
(Aligns
the content of all cells in the row.)
-
background="the_URL_@ddress_of
an_im@ge"
-
bgcolor="#ff00CC"
-
td (the cell)
-
align="center", or align="right"
(Aligns
the content of that cell.)
-
background="the_URL_@ddress_of
an_im@ge"
-
bgcolor="#ff00CC"
-
width="299px" ({Cell
a + cell b + cell c} may = {table width - cellspacing
- cellpadding - border.})
This gr@ph will be modified relatively to the "background", "cols"
and "height" elements; DjO 03jan2004.
Bold.
Italic.
UnderL.
Erase.
Blink.
Color.
Justify.
Center.
Right.
Indent.
LineCh.
Lines.
Image.
Link.
Target.
InLink.
¤List.
#List.
Table.
Sign.
Top
t.
To
create TITLES
and a WELCOME SIGN (in
a table)
with 3 px wide border, purplish background,
and mauve fonts
(Doesn't work
with Netscape Navigator 4x,
because
the text within a table is seen with the default font size,
even
when <h1> and <font size> tags are used.)
In ,
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>
you get: EXAMPLE
For TITLES
if you write
<h1>Title #1</h1>
<h2>Title #2</h2>
<h3>Title #3</h3>
though in a ,
they take less space above and below itselves, you get:
Title #1
Title #2
Title #3
Bold.
Italic.
UnderL.
Erase.
Blink.
Color.
Justify.
Center.
Right.
Indent.
LineCh.
Lines.
Image.
Link.
Target.
InLink.
¤List.
#List.
Table.
Sign.
Top
Above Contents in
Alphabetical Order
-
Align center, justify, right
-
Blink
-
Bold
-
Colors
-
Erase
-
Im@ges
-
Indent
-
Italic
-
Line
-
Line change
-
Links Direct
-
Links Internal
-
Links Target
-
Lists /Bullets
-
Lists /Numbers
-
Tables
-
Underline
-
Welcome Sign & Titles
|
Bold.
Italic.
UnderL.
Erase.
Blink.
Color.
Justify.
Center.
Right.
Indent.
LineCh.
Lines.
Image.
Link.
Target.
InLink.
¤List.
#List.
Table.
Sign.
Top
The above
HTML codes' "characteristics":
-
This Web p@ge is built with Netscape Composer
4.8, thus with HTML 4.0.
-
This Web p@ge therefore isn't valid XHTML 1.0
-
However, the above codes themselves are Valid
HTML 4.0 and Valid XHTML 1.0 transitional.
-
except otherwise indicated.
-
The shorter, the better. For
example: <b> versus <strong>.
-
They all, (but two, e,
with
IE6, and t,
with
NN4x), work in Internet Explorer 6, and
in Netscape Navigators 4x & 7x.
-
They're almost all in lower case.
-
The lay out of the HTML tags, often one by line,
works fine in a
WiKi, because
-
a change of line at edition isn't one in the
published p@ge.
-
The following HTML tags,
from
this List, aren't included above this p@ge:
-
<em> mis en valeur</em>
-
<strong> fortement
mis en valeur </strong>
-
<tt> télétype</tt>
-
<pre> préformaté
</pre>
-
<ins> inséré
</ins>
-
<del> effacé
</del>
-
<sup> exposant </sup>
-
<sub> indice </sub>
-
<cite> citation </cite>
-
<q> citation en ligne
</q>
-
<code> entrée
de code </code>
-
<samp> sortie de code
</samp>
-
<kbd> saisie clavier
</kbd>
-
<var> variable </var>
-
<dfn> définition
</dfn>
-
<abbr> abbréviation
</abbr>, yet little used,
though may be very useful.
-
<acronym> acronyme
</acronym>, yet little used,
though may be very useful.
-
<p> paragraphe </p>
-
Warning: DjO, Djeault,
Joseph Deneault, almost always "work" in
WiKis, with Netscape Navigator 7.2, English version. NN 7x and Internet
Explorer 6 do "@ccept to re@d" some HTML coding mistakes; however, if you
@ccess the
WiKi with Netscape Communicators 4x, including the 4.8 version, you
may see a blank p@ge, due sometimes to only one forgotten, or one
extra HTML Tag. See http://djo.wikilibre.com/wakka.php?wiki=HtmlBogues
DjO therefore feel that it is my responsability to
always verify my HTML modific@tions to a
p@ge through my Netscape Navigator 4.8,
-
before closing up the shop.
To
download Netscape Communicator 4.8
It's
free!
Bold.
Italic.
UnderL.
Erase.
Blink.
Color.
Justify.
Center.
Right.
Indent.
LineCh.
Lines.
Image.
Link.
Target.
InLink.
¤List.
#List.
Table.
Sign.
Top
Last and 30th
modific@tions by Djeault, with Netscape Composer 4.8, on Monday,
January 03, 2005.
Forelast and 29th
modific@tions by Djeault, with Netscape Composer 4.8, on Sunday,
December 12, 2004.
28th
modific@tions by Djeault, with Netscape Composer 4.8, on Monday,
November 17, 2004.
27th
modific@tions by Djeault, with Netscape Composer 4.8, on Monday,
October 18, 2004.
26th
modific@tions by Djeault, with Netscape Composer 4.8, on Tuesday,
October 12, 2004.
25th
modific@tions by Djeault, with Netscape Composer 4.8, on Sunday,
October 10, 2004.
24th
modific@tions by Djeault, with Netscape Composer 4.8, on Saturday,
October 9, 2004.
23rd
modific@tions by Djeault, with Netscape Composer 4.8, on Sunday,
October 3, 2004.
22nd
modific@tions by Djeault, with Netscape Composer 4.8, on Saturday,
October 2, 2004.
21st
modific@tions by Djeault, with Netscape Composer 4.8, on Friday,
October 1, 2004.
Twentieth modific@tions
by Djeault, with Netscape Composer 4.8, on Thursday, September 30,
2004.
Nineteenth modific@tions
by Djeault, with Netscape Composer 4.8, on Wednesday, September
29, 2004.
Eighteenth modific@tions
by Djeault, with Netscape Composer 4.8, on Monday, September 27,
2004.
Seventeenth modific@tions
by Djeault, with Netscape Composer 4.8, on Sunday, September 26,
2004.
Sixteenth modific@tions
by Djeault, with Netscape Composer 4.8, on Friday, September 17,
2004.
Fifteenth modific@tions
by Djeault, with Netscape Composer 4.8, on Thursday, September 16,
2004.
Fourteenth modific@tions
by Djeault, with Netscape Composer 4.8, on Tuesday, September 14,
2004.
Thirteenth modific@tions
by Djeault, with Netscape Composer 4.8, on Monday, September 13,
2004.
Twelfth modific@tions
by Djeault, with Netscape Composer 4.8, on Saturday, September 11,
2004.
Eleventh modific@tions
by Djeault, with Netscape Composer 4.8, on Friday, September 10,
2004.
Tenth modific@tions
by Djeault, with Netscape Composer 4.8, on Tuesday, September 7,
2004.
Ninth modific@tions
by Djeault, with Netscape Composer 4.8, on Thursday, September 2,
2004.
Eight modific@tions
by Djeault, with Netscape Composer 7.1, on Sunday, August 22, 2004.
Seventh modific@tions
by Djeault, with Netscape Composer 7.1, on Saturday, August 21,
2004.
Sixth modific@tions
by Djeault, with Netscape Composer 4.8, on Saturday, August 21,
2004.
Fifth modific@tions
by Djeault, with Netscape Composer 4.8, on Friday, August 20, 2004.
Fourth modific@tions
by Djeault, with Netscape Composer 4.8, on Wednesday, August 18,
2004.
Third modific@tions
by Djeault, with Netscape Composer 4.8, on Saturday, August 14,
2004.
Second modific@tions
by Djeault, with Netscape Composer 4.8, on Saturday, July 17, 2004.
First modific@tions
by Djeault, with Netscape Composer 4.8, on Friday, July 2, 2004.
Joseph
Deneault, dit Djeault,
and DjO, m@de this p@ge with Netscape Composer 4.8, on Thursday, July 1,
2004.
Bold.
Italic.
UnderL.
Erase.
Blink.
Color.
Justify.
Center.
Right.
Indent.
LineCh.
Lines.
Image.
Link.
Target.
InLink.
¤List.
#List.
Table.
Sign.
Top