Effets et objets (5) par: Abdelaziz Rejeb

Effets et objets

titre	Le html de base (5)
Effets et objets

Nb

Balises, attributs et codes

Résultat

Remarque

Le, 07/07/2007

Accentuer la date et l'heure

12:30:15

La date et l'heur de modification: 16-mai-2026 / 23:26:27

afficher la date et l'heure des modifications de la page sous (FrontPage)

Auteur

Accentuer le nom de l'auteur

Personne

Accentuer un nom d'une personne

Exemple

Donner ou introduire un exemple

Adresse

Noter une adresse

Note

R?iger une note

Note de fin de page

note de description de fin de page

Bloc de texte

D?erminer un bloc de texte par rapport ?la page

Texte normal

Texte

les textes et les paragraphes sont affich? par d?aut ...

Image et zones actives:

Affiche (Une image):
Une image peut ?re ?art?des textes et autres objets horizontalement voir avec: (hspace="20") ou verticalement voir avec: (vspace="20") ou bien les deux ?la fois voir avec: (hspace="20" vspace="20") ce qui donne ?artement sur les quatre cot?...
Zone active:
Des zones peuvent ?re activ? sur une images: (voir l'exemple)

image alternative:

l'attribut ( lowsrc="urle..") affiche une image alternative (g??alement plus petite) avant que la vraie image soit charg? par le navigateur

Vid? et audio

Affiche un vid? ou lit un audio: pour lire la vid? passer le curseur dessus.

l'animation ne peut pas ?re affich?/noembed> animation flashon ne peut pas ?re affich?/noembed> animation flash<p> </td><td width="20%" height="134"> Affiche des animations flash ou d'autres...!</td> </tr> <tr> <td width="2%" align="center" height="131"> <font color="#FF0000">*</font></td><td width="25%" height="131"> <b><font color="#0000FF"> <a title="Affichez la page des codes" target="_blank" href="animation.htm" style="text-decoration: none"> <font color="#0100FF"><code></font></a></font></b></td> <td width="40%" height="131"> <style type="text/css">  </style>  <br><center> <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="297" id="AutoNumber2"> <tr> <td width="99" height="98"> <OBJECT classid= "clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase= "http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" WIDTH="99" HEIGHT="98" id="abdelazizrejeb" ALIGN=""> <PARAM NAME=movie VALUE="outils/saaton.swf"> <PARAM NAME=quality VALUE=high> <PARAM NAME=wmode VALUE=transparent> <PARAM NAME=bgcolor VALUE=#FFFFFF> <EMBED src="outils/saaton.swf" quality=high wmode=transparent bgcolor=#FFFFFF WIDTH="99" HEIGHT="98" NAME="abdelazizrejeb" ALIGN="" TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer"></EMBED></OBJECT> </td> <td width="99" height="98"> <OBJECT border="2" classid= "clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase= "http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" WIDTH="99" HEIGHT="98" id="abdelazizrejeb0" ALIGN=""> <PARAM NAME=movie VALUE="outils/saaton.swf"> <PARAM NAME=quality VALUE=high> <PARAM NAME=wmode VALUE=#00CC66> <PARAM NAME=bgcolor VALUE=#00CC66> <EMBED src="outils/saaton.swf" quality=high wmode=#00CC66 bgcolor=#00CC66 WIDTH="99" HEIGHT="98" NAME="abdelazizrejeb" ALIGN="" TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer"></EMBED></OBJECT> </td> <td width="99" class="ani" height="98"> <OBJECT classid= "clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase= "http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" WIDTH="99" HEIGHT="98" id="abdelazizrejeb1" ALIGN=""> <PARAM NAME=movie VALUE="outils/saaton.swf"> <PARAM NAME=quality VALUE=high> <PARAM NAME=wmode VALUE=transparent> <PARAM NAME=bgcolor VALUE=#FFFFFF> <EMBED src="outils/saaton.swf" quality=high wmode=transparent bgcolor=#FFFFFF WIDTH="99" HEIGHT="98" NAME="abdelazizrejeb" ALIGN="" TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer"></EMBED></OBJECT> </td> </tr> </table> <br><b>[<a title="Affichez la page des codes" target="_blank" href="animation.htm"><font color="#0100FF">Affichez le Code </font> </a>]</b><br>  </center>  </td><td width="20%" height="131"> Affiche des animations flash avec arrière plan personnalis?...</td> </tr> <tr> <td width="2%" height="114" align="center"> <font color="#FF0000">*</font></td><td width="25%" height="114"> <font color="#0000FF"><<span id=ejs_code3a>hr</span>></font></td> <td width="40%" height="114"><br> <span id=ejs_code3><hr color="#000000" width="95%"></span> <p> </td><td width="20%" height="114"> Affiche un trait horizontale<br> Un trait peut ?re personnalis? (<span style="cursor:pointer" onmousedown="changecod('<center><br> <hr style="background-image: url(\'outils/picage.gif\');" width=95% color="" size=3><br><b style=cursor:pointer onclick=HRR()>[<font color=#0000FF>Voir aussi</font>]</b></center>','ejs_code3');changecod('hr style="background-image: url(\'outils/picage.gif\');" width="80%" color="" size="3"','ejs_code3a')"><font color="#0000FF">voir ici</font></span>)</td> </tr> <tr> <td width="2%" height="323" align="center"> <font color="#FF0000">**</font></td><td width="25%" height="323" align="left"> <div id=ejs_code4 style="FONT-SIZE: ; COLOR: #0000FF ;"><pre><table> <font color="#800000"></font> <caption> <b>Titre du tableau</b> </caption> <tbody> <font color="#800000"></font> <td> <b>Une cellule</b> </td> </tr> <font color="#800000"></font> </tbody> <font color="#800000"></font> </table> <font color="#800000"></font></pre></div></td> <td width="40%" height="323"><div align="center"> <center> <style type="text/css">  </style> <table border="1" height="207" width="320"> <tbody> <caption> Tableau de d?onstration</caption> <tr> <th onclick="td0()" height="19">Titre 1: Fond </th> <th onclick="td0()" height="19">Titre 2: Bordures </th> <th onclick="td0()" height="19">Titre 3 autres fonds</th> </tr> <tr> <td onclick="td1()" bgcolor="#FFFF00" height="23">Fond jaune</td> <td onclick="td2()" style="border: 3px double #0000FF" height="23">Bordures doubl? </td> <td onclick="td3()" class="celfond" onmouseover="if(self.rowID=='celfond1'){return;}this.className='celfond2'" onmouseout="if(self.rowID=='celfond1'){return;}this.className='celfond3'" height="23" > <font color="#FFFF00">multi images au fond</font></td> </tr> <tr> <td onclick="td4()" height="19">Fond transparent</td> <td onclick="td5()" style="border: 1px solid #FF0000" height="19">bordures simple</td> <td onclick="td6()" style="background:#D2D0AC url('outils/cel2.gif') repeat-y top right;" height="19">Fond  ?droite</td> </tr> <tr> <td onclick="td7()" background="outils/cel.gif" height="19">image au fond</td> <td onclick="td8()" style="border: 0px" height="19">sans bordure</td> <td onclick="td9()" style="background:#D2D0AC url('outils/cel2.gif') repeat-y top left;" height="19"> <p align="right">Fond à gauche </td> </tr> <tr> <td onclick="td10()" onmouseover="this.bgColor='#FF6699'" onmouseout="this.bgColor='#228822'" bgcolor="#00FF99" height="19" >fond multi couleurs</td> <td onclick="td11()" style="border: 1px dotted #0000FF" height="19">Bordure point? </td> <td onclick="td12()" style="background:#D2D0AC url('outils/top.gif') repeat-x top left;" height="19"> fond en haut</td> </tr> <tr> <td onclick="td13()" valign="top" height="72">Alignement en haut</td> <td onclick="td14()" valign="middle" height="72">Alignement au milieux</td> <td onclick="td15()" valign="bottom" height="72"> Alignement en bas</td> </tr> </tbody></table> <b onclick="tabl()" style="cursor:pointer">[<font color="#0000FF">R?ablir</font>][<a title="Affichez Le code et le tableau model" target="_blank" href="tableau.htm"><font color="#0100FF">Mod?e</font></a>]</b><br> </center> </div> </td><td width="20%" height="323"> Un tableau avec le minium qu'il peut avoir est pr?ent?dans la deuxi?e cellule de gauche.<br>  Cliquez sur les cellules dans le tableau de d?onstration pour afficher les balises et les attributs en relation.</td> </tr> <tr> <td width="2%" height="209" align="center"> <font color="#FF0000">**</font></td><td width="25%" height="209" align="left"> <font color="#0000FF"><div></font> <b>?</b> <font color="#0000FF"></div></font></td> <td width="40%" height="209"> <div contentEditable style="background-color: #FFFF00; width: 205; height: 87"> Div      <img border="0" src="outils/cel2.gif" width="32" height="32" id="IMG"><p>texte et objet </div> </td><td width="20%" height="209">  Le (<font color="#0000FF">div</font>) est un emplacement maniable (couche) ou plusieurs donn? peuvent ?re introduites, apr? un (<font color="#0000FF">div</font>) un retour ?la ligne est automatique.</td> </tr> <tr> <td align="center" width="2%" height="323"> <font color="#FF0000">**</font></td><td width="25%" height="323"> <font color="#0000FF"><span></font> <b>?</b> <font color="#0000FF"></span></font></td> <td height="323"> <span contentEditable> <span style="background-color: #FFFF00">Span</span><br> <span style="background-color: #FFFF00">tex</span><font color="#FFFFFF"><span style="font-weight: 700; background-color: #0000FF">te et </span></font> <span style="background-color: #FFFF00">objet <img border="0" src="outils/cel2.gif" width="32" height="32" id="IMG"> </span> <span style="background-color: #FF9933">nouveau Span</span><span style="background-color: #FFFF00" contentEditable>   </span></span><p> </td> <td width="20%" height="323">  Le (<font color="#0000FF">span</font>) est un emplacement o?plusieurs donn? peuvent ?re introduites, et peut aussi ?re maniable, sa surface en normal est ?la limite des donn? y int?r?, plusieurs (<font color="#0000FF">span</font>) peuvent ?re ins?? sur la même ligne.</td> </tr> <tr> <td width="2%" height="20" align="center">  </td><td width="25%" height="20">  </td><td colspan="2" height="20"> <p align="center"><b>Le html de base (5) [<a target="_self" href="#">Continuer</a>]</b></td> </tr> </tbody></table> </td> </tr> <tr> <td width="726" colspan="2"> <font color="#FF0000">     <span lang="fr">  </span>**</font> : balise ...  nécessite une fermeture<br> <font color="#FF0000">     <span lang="fr">  </span>*</font>  : balise ...  ne nécessite pas de fermeture </td> </tr> </table></table>   <table border="0" width="100%" cellspacing="0" cellpadding="0"> <tr> <td style="background-image: url('../graphiques/coin_hg.gif')" width="7" height="7" ></td> <td height="7" bgcolor="#FFFFFF" ></td> <td style="background-image: url('../graphiques/coin_hd.gif')" width="7" height="7"></td> </tr> <tr> <td bgcolor="#FFFFFF"> </td> <td align="center" bgcolor="#FFFFFF"> <div style="width: 728px; height: 90px;"> </div> </td> <td bgcolor="#FFFFFF"> </td> </tr> <tr> <td width="7" height="7" background="../graphiques/coin_bg.gif"></td> <td height="7" bgcolor="#FFFFFF"></td> <td width="7" height="7" background="../graphiques/coin_bd.gif"></td> </tr> </table></center>   <center>  <center>  <tr><td class="td_copyt_h">  <table class="tab_copyrgt" cellpadding="0" cellspacing="0"> <tr> <td class="td_bas_1" colspan="2"><img border="0" src="./graphiques/ba1.gif" width="100%" height="13"></td></tr> <tr> <td class="td_copyright"><span>Copyright © 2003-2010 Abdelaziz Rejeb - Rue Ben Zaidoune - Elalia 7016 - Tunisie<br />Toute reproduction même partielle est interdite sauf accord érit de l'auteur ou du Webmaster.</span></td><td class="td_telef" ><span>TEL: +(216)53820823</span></td></tr> <tr> <td class="td_bas_2" colspan="2"><img border="0" src="./graphiques/ba1.gif" width="100%" height="13"></td></tr> </table>  </center> </body> </html><noembed><noembed><noembed><noembed><noembed><noembed><noembed><noembed><noembed><noembed><noembed><noembed><noembed><noembed><noembed><noembed><noembed><noembed><noembed><noembed><noembed><noembed><noembed><noembed><noembed><noembed>