Introduction au langage HTML - Les effets spéciaux du HTML

Les Balises Spéciales du HTML

Exemples de la balise MARQUEE

Exemple avec FONT pour IE3+

<HTML>
<HEAD>
<TITLE> MARQUEE avec FONT - 1 </TITLE>
</HEAD>
<BODY BGCOLOR="white" TEXT="black">
<FONT COLOR="blue" SIZE=4 FACE="Comic Sans MS">
<MARQUEE>
Avec IE3+ la balise FONT doit précéder la balise MARQUEE
</MARQUEE>
</FONT>
</BODY>
</HTML>

Avec IE3+ la balise FONT doit précéder la balise MARQUEE

Exemple avec FONT pour IE4+

<HTML>
<HEAD>
<TITLE> MARQUEE avec FONT - 2 </TITLE>
</HEAD>
<BODY BGCOLOR="white" TEXT="black">
<MARQUEE>
<FONT COLOR="blue" SIZE=4 FACE="Arial">
Avec IE4+ la balise FONT peut s'inclure dans la balise MARQUEE
</FONT>
</MARQUEE>
</BODY>
</HTML>

Avec IE4+ la balise FONT peut s'inclure dans la balise MARQUEE

Exemple avec FONT IE4+

<HTML>
<HEAD>
<TITLE> MARQUEE avec FONT - 3 </TITLE>
</HEAD>
<BODY BGCOLOR="white" TEXT="black">
<MARQUEE>
<FONT SIZE=4 FACE="Arial" COLOR="black">
La balise
M
A
R
Q
U
E
E avec IE4+
</FONT>
</MARQUEE>
</BODY>
</HTML>

La balise MARQUEE avec IE4+

Exemple avec une BORDURE (TABLE)

<HTML>
<HEAD>
<TITLE> MARQUEE avec une BORDURE</TITLE>
</HEAD>
<BODY BGCOLOR="white" TEXT="black">
<TABLE WIDTH="100%" BORDER=5 BGCOLOR="#00FF00">
<TR><TD BGCOLOR="#FFFF33">

<MARQUEE>
La balise MARQUEE avec une belle BORDURE
</MARQUEE>

</TD></TR></TABLE>:
</BODY>
</HTML>

La balise MARQUEE avec une belle BORDURE

Exemple avec une BORDURE (TABLE)

<HTML>
<HEAD>
<TITLE> MARQUEE avec une BORDURE</TITLE>
</HEAD>
<BODY BGCOLOR="white" TEXT="black">
<TABLE WIDTH="100%" CELLSPACING=0 BORDER=1>
<TR><TD BORDERCOLOR="red">
<MARQUEE>

La balise
M
A
R
Q
U
E
E avec une BORDURE

</MARQUEE>
</TD></TR></TABLE>:
</BODY>
</HTML>

La balise MARQUEE avec une BORDURE

Exemple avec un LIEN

<HTML>
<HEAD>
<TITLE> MARQUEE avec un LIEN</TITLE>
</HEAD>
<BODY BGCOLOR="white" TEXT="black">
<MARQUEE>

La balise <A HREF="page_spcb.htm">MARQUEE</A> avec un lien

</MARQUEE>
</BODY>
</HTML>

La balise MARQUEE avec un lien

Exemple avec une Image

<HTML>
<HEAD>
<TITLE> MARQUEE avec IMG SRC - 1 </TITLE>
</HEAD>
<BODY BGCOLOR="white" TEXT="black">
<MARQUEE>
<FONT SIZE=5 FACE="Times New Roman" COLOR="blue"">
La balise MARQUEE du langage <IMG SRC="HTML1.GIF">
</MARQUEE>
</BODY>
</HTML>

La balise MARQUEE du langage HTML

Exemple avec des Images

<HTML>
<HEAD>
<TITLE> MARQUEE avec IMG SRC - 2 </TITLE>
</HEAD>
<BODY BGCOLOR="white" TEXT="black">
<MARQUEE>
<IMG SRC="b1.gif"><IMG SRC="b2.gif"><IMG SRC="b3.gif">
</MARQUEE>
</BODY>
</HTML>

Exemple avec des Images

<HTML>
<HEAD>
<TITLE> MARQUEE avec IMG SRC - 3 </TITLE>
</HEAD>
<BODY BGCOLOR="white" TEXT="black">
<TABLE><TR>
<TD width=175>
<MARQUEE DIRECTION="right" BEHAVIOR="alternate">
<IMG SRC="html1.gif" width="110">
</MARQUEE></TD>
<TD width=175>
<MARQUEE DIRECTION="left" BEHAVIOR="alternate">
<IMG SRC="html1.gif" width="110">
</MARQUEE></TD>
</TR>
</TABLE>
</BODY>
</HTML>

Exemple avec des MARQUEES imbriqués

<HTML>
<HEAD>
<TITLE> MARQUEES Imbriquées - 1 </TITLE>
</HEAD>
<BODY BGCOLOR="white" TEXT="black">
<MARQUEE BEHAVIOR="ALTERNATE" WIDTH="100%">
<MARQUEE BEHAVIOR="ALTERNATE" WIDTH="60%">
<IMG SRC="html1.gif" border=0 width=110>
</MARQUEE>
</MARQUEE>
</BODY>
</HTML>

Exemple avec des MARQUEES imbriqués

<HTML>
<HEAD>
<TITLE> MARQUEES Imbriquées - 2 </TITLE>
</HEAD>
<BODY BGCOLOR="white" TEXT="black">
<MARQUEE BEHAVIOR="ALTERNATE" DIRECTION="RIGHT"
 WIDTH="300" HEIGHT="300" SCROLLAMOUNT="20">
<MARQUEE BEHAVIOR="ALTERNATE" DIRECTION="UP"
 WIDTH="100" HEIGHT="300" SCROLLAMOUNT="10">
<MARQUEE BEHAVIOR="ALTERNATE" DIRECTION="DOWN"
 WIDTH="100" HEIGHT="150" SCROLLAMOUNT="5">
<IMG SRC="marquee.gif" border=0 width=110>
</MARQUEE>
</MARQUEE>
</MARQUEE>
</BODY>
</HTML>

Exemple avec des MARQUEES multiples

<HTML>
<HEAD>
<TITLE> MARQUEES Multiples - 1 </TITLE>
</HEAD>
<BODY BGCOLOR="white" TEXT="black">

<MARQUEE BEHAVIOR="ALTERNATE"
 SCROLLDELAY=33 WIDTH=15%>H</MARQUEE>
<MARQUEE BEHAVIOR="ALTERNATE"
 SCROLLDELAY=44 WIDTH=20%>T</MARQUEE>
<MARQUEE BEHAVIOR="ALTERNATE"
 SCROLLDELAY=33 WIDTH=30%>M</MARQUEE>
<MARQUEE BEHAVIOR="ALTERNATE"
 SCROLLDELAY=22 WIDTH=34%>L</MARQUEE>
 </BODY>
</HTML>

H T M L

Exemple MARQUEE complexe

<HTML>
<HEAD>
<TITLE> Exemple MARQUEE complexe</TITLE>
</HEAD>
<BODY BGCOLOR="white" TEXT="black">
<CENTER>
<TABLE BGCOLOR="white" BORDERCOLORDARK="#9966ff"
CELLPADDING=0 BORDER=8 BORDERCOLORLIGHT="#ff66ff">
<TR>
<TD>

<MARQUEE SCROLLAMOUNT=2 DIRECTION="up">
WIDTH=200 BGCOLOR="#ffffff" HEIGHT=200>
Bonjour! <CENTER>Bienvenue sur mon site 
'Le HTML par l'EXEMPLE' Un endroit pour apprendre 
le langage du Web en examinant une myriades de 
petits exemples le fun. Cliquer sur le bouton ci- 
dessous pour entrer dans le site 
<A href="page_spcb.htm"><IMG src="html1.gif" border=0></A>
</CENTER></MARQUEE>
</TD></TR></TABLE>
</CENTER>
</BODY>
</HTML>

Bonjour!
Bienvenue sur mon site
'Le HTML par l'EXEMPLE'
Un endroit pour apprendre
le langage du Web en
examinant une myriades de
petits exemples le fun.
Cliquer sur le bouton ci-
dessous pour entrer dans
le site.

Exemple avec une Image animée - 1

<HTML>
<HEAD>
<TITLE> MARQUEE avec GIF animée - 1</TITLE>
</HEAD>
<BODY BGCOLOR="white" TEXT="black">
<MARQUEE>
<IMG SRC="OISEAU.GIF">
</MARQUEE>
</BODY>
</HTML>

Exemple avec une Image animée - 2

<HTML>
<HEAD>
<TITLE> MARQUEE avec GIF animée - 2</TITLE>
</HEAD>
<BODY BGCOLOR="white" TEXT="black">
<MARQUEE DIRECTION="right" SCROLLDELAY="30" Truespeed>
<IMG SRC="jump.gif">
</MARQUEE>
</BODY>
</HTML>

Image animée
+
MARQUEE
=

Début des effets spéciaux

Notes sur les effets Spéciaux

Menu du HTML