- COMMENT INSERER UNE IMAGE DANS MA PAGE ?- COMMENT OPTIMISER LES IMAGES DE MA PAGE ?- COMMENT INSERER DU SON DANS MA PAGE ?- COMMENT COLORER DU TEXTE ?- COMMENT FAIRE UN TEXTE DEFILANT ?- COMMENT INSERER DES TITRES DANS LA BARRE D'ÉTAT ?- COMMENT FAIRE UN MENU DE REDIRECTION ?- COMMENT INSERER DES CURSEURS "FLECHES" ?- LES PETITS PLUS "FUN" ?- A SAVOIR...
<img src="http://membres.lycos.fr/daallair/images2/DROMADAIRE1.gif">
<bgsound src="URL_du_fichier_midi" autostart="true" VOLUME=60 WIDTH=2 HEIGHT=0 CONTROLS=Console " loop="4"> <embed src="URL_du_fichier_midi" autostart="true" VOLUME=60 WIDTH=2 HEIGHT=0 CONTROLS=Console " loop="4">
copiez le texte situé dans le tableau (Ctrl + c) puis collez-le (Ctrl + v) sur votre page à l'endroit souhaité
<bgsound src="URL_du_fichier_wav" autostart="true" loop="4">
Ce texte est bleu !
Ce texte est rose !
<font face="Arial" color="#FF0080"><p align="center">Ce texte est rose !</font>
LES PRINCIPAUX CODES DE COULEUR Pour vous permettre de colorer vos textes, voici une sélection des codes couleurs les plus courants :
<marquee behavior=scroll direction="left">Votre texte défilant ici</marquee>
<font face="Arial" color="#FFCAFF"><marquee behavior=scroll direction="left" bgcolor="#8080FF" border="0" width="689" height="19">Votre texte défilant ici</marquee> </font>
<font face="Arial" color="#FFFF80"><marquee behavior=scroll direction="right" bgcolor="#FF8040" border="0" width="689" height="19">Votre texte défilant ici</marquee></font>
Information de dernière minute à ne pas manquer : le cours de HTML est actualisé régulièrement et vous propose de nouvelles astuces pour rendre vos pages encore plus attractives !
<table border="5" cellpadding="0" cellspacing="0" style="border: 7px solid rgb(250,177,124)"> <tr> <td><p align="center"><font color="#800000"><strong><marquee behavior="scroll" scrollamount="2" direction="up" bgcolor="FFFF80" width="200" bordercolor="#808000" border="0" height="200">Information de dernière minute à ne pas manquer : le cours de HTML est actualisé régulièrement et vous propose de nouvelles astuces pour rendre vos pages encore plus attractives !</marquee></strong></font></td> </tr> </table>
Choisissez la page que vous voulez visiter Ma page La radio au boulot La radio internationale L' évolution de l'homme Les jokes du jour
JAVAS SCRIPT RETOUR A LA PAGE PRESEDENTE lien à inserer: javascript:history.go(-1) supplément html: onmouseover="self.status=document.referrer;return true" <a --------------------------------------------------------------------------------- RETOUR EN HAUT DE LA PAGE formule en haut: <a NAME="Haut_Page"></a> formule en bas: <br> <center><p><a href="#Haut_Page" OnMouseOver="window.status='Haut de la page'; return true" alt="Haut de la page" OnMouseOut="window.status=' '; return true"><img SRC="IMAGE" border=0 height=DIMENSION_HAUTEUR width=DIMENSION_LARGEUR></a><b><font color="#COULEUR"><font size=+1>Haut de la page</font></font></b></center> <br> --------------------------------------------------------------------------------- FERMER UNE PAGE D'UNE PETITE FENETRE javascript:self.close() ---------------------------------------------------------------------------------
<!--webbot bot="ElScripto" preview="[Pop-Up Window Code (will not appear in browser)]" startspan --><script language="JavaScript"> <!-- // This JavaScript was generated by El Scripto from A Big Lime. For more information visit www.elscripto.com. function open_wElScriptoWindow6221582() { wElScriptoWindow6221582 = window.open("URL_DU_LIEN","ElScriptoWindow6221582","toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=1,resizable=0,width=DIMENSION_DE_LARGEUR,height=DIMENSION_DE_HAUTEUR,top=0,left=0"); } // --> </script><script language="JavaScript"> <!-- // This JavaScript was generated by El Scripto from A Big Lime. For more information visit www.elscripto.com. function open_wElScriptoWindow6221582() { wElScriptoWindow6221582 = window.open("UNE_DEUXIEME_FOIS","ElScriptoWindow6221582","toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=1,resizable=0,width=UNE_DEUXIEME_FOIS,height=UNE_DEUXIEME_FOIS,top=0,left=0"); } // --> <!-- open_wElScriptoWindow6221582(); // --> </script>
<APPLET CODE="HotChilli7.class" CODEBASE="./NOM_DU_REPECTOIRE" WIDTH=0 HEIGHT=0> <PARAM NAME=DELAY VALUE="70"> <PARAM NAME=REFRESH VALUE="5"> <PARAM NAME=NUMBER VALUE="8"> <PARAM NAME=TEXT0 VALUE="VOTRE 1ER TITRE"> <PARAM NAME=TEXT1 VALUE="VOTRE 2EME TITRE"> <PARAM NAME=TEXT2 VALUE="VOTRE 3EME TITRE"> <PARAM NAME=TEXT3 VALUE="VOTRE 4EME TITRE"> <PARAM NAME=TEXT4 VALUE="VOTRE 5EME TITRE"> <PARAM NAME=TEXT5 VALUE="VOTRE 6EME TITRE"> <PARAM NAME=TEXT6 VALUE="VOTRE 7EME TITRE"> <PARAM NAME=TEXT7 VALUE="VOTRE 8EME TITRE"> </APPLET>
<body background="IMAGES" onLoad="window.status='TEXTE_A_INSERER'; return true">
<body bgcolor="#COULEUR" onLoad="window.status='TEXTE_A_INSERER'; return true">
<a href="LIENS_URL" OnMouseOver="window.status='TEXTE_A_INSERER'; return true" alt="INSERER_UNE DEUXIEME_FOIS" OnMouseOut="window.status=' '; return true"><img SRC="IMAGE" border=0></a>
<script language="JavaScript1.2"> /* Disable right click script II (on images)- By Dynamicdrive.com For full source, Terms of service, and 100s DTHML scripts Visit http://www.dynamicdrive.com */ var clickmessage="MESSAGE_D'AVERTISSEMENT_D'UN_ALERTE" function disableclick(e) { if (document.all) { if (event.button==2||event.button==3) { if (event.srcElement.tagName=="IMG"){ alert(clickmessage); return false; } } } else if (document.layers) { if (e.which == 3) { alert(clickmessage); return false; } } else if (document.getElementById){ if (e.which==3&&e.target.tagName=="IMG"){ alert(clickmessage) return false } } } function associateimages(){ for(i=0;i<document.images.length;i++) document.images[i].onmousedown=disableclick; } if (document.all||document.getElementById) document.onmousedown=disableclick else if (document.layers) associateimages() </script> <embed src="URL_DU_FICHIER.MID" AUTOSTART=true LOOP=true HIDDEN=true> <style> .spanstyle { position:absolute; visibility:visible; top:-50px; font-size:24pt; font-family:alleycat; font-weight:bold; color:COULEUR_DU_TEXTE_EX:black; } </style> <script> /* Cursor Trailor Text- By Peter Gehrig (http://www.24fun.ch/) Permission given to Dynamicdrive.com to feature script in it's archive. For full source code, installation instructions, and 1000's more DHTML scripts, visit http://dynamicdrive.com */ var x,y var step=20 var flag=0 // Your snappy message. Important: the space at the end of the sentence!!! var message="MESSAGE_SUIVI_A_LA_SOURIS " message=message.split("") var xpos=new Array() for (i=0;i<=message.length-1;i++) { xpos[i]=-50 } var ypos=new Array() for (i=0;i<=message.length-1;i++) { ypos[i]=-50 } function handlerMM(e){ x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY flag=1 } function makesnake() { if (flag==1 && document.all) { for (i=message.length-1; i>=1; i--) { xpos[i]=xpos[i-1]+step ypos[i]=ypos[i-1] } xpos[0]=x+step ypos[0]=y for (i=0; i<message.length-1; i++) { var thisspan = eval("span"+(i)+".style") thisspan.posLeft=xpos[i] thisspan.posTop=ypos[i] } } else if (flag==1 && document.layers) { for (i=message.length-1; i>=1; i--) { xpos[i]=xpos[i-1]+step ypos[i]=ypos[i-1] } xpos[0]=x+step ypos[0]=y for (i=0; i<message.length-1; i++) { var thisspan = eval("document.span"+i) thisspan.left=xpos[i] thisspan.top=ypos[i] } } var timer=setTimeout("makesnake()",30) } </script> <BODY> <script> <!-- Beginning of JavaScript - for (i=0;i<=message.length-1;i++) { document.write("<span id='span"+i+"' class='spanstyle'>") document.write(message[i]) document.write("</span>") } if (document.layers){ document.captureEvents(Event.MOUSEMOVE); } document.onmousemove = handlerMM; // - End of JavaScript - --> </script> <body onLoad="makesnake()" style="width:100%;overflow-x:hidden;overflow-y:scroll">
<DIV id=staticbuttons style="POSITION: absolute"><A onmouseover=myspeed=-thespeed onmouseout=myspeed=0 href="javascript:"><IMG src="NOM_DU_REPECTOIRE/f_haut.gif" border=0 width="40" height="30"></A><BR><A onmouseover=myspeed=thespeed onmouseout=myspeed=0 href="javascript:"><IMG src="NOM_DU_REPECTOIRE/f_bas.gif" border=0 width="40" height="30"></A> </DIV> <SCRIPT> var Hoffset=70 var Voffset=80 var thespeed=8 var ieNOTopera=document.all&&navigator.userAgent.indexOf("Opera")==-1 var myspeed=0 var ieHoffset_extra=document.all? 15 : 0 var cross_obj=document.all? document.all.staticbuttons : document.getElementById? document.getElementById("staticbuttons") : document.staticbuttons function positionit(){ var dsocleft=document.all? document.body.scrollLeft : pageXOffset var dsoctop=document.all? document.body.scrollTop : pageYOffset var window_width=ieNOTopera? document.body.clientWidth+ieHoffset_extra : window.innerWidth+ieHoffset_extra var window_height=ieNOTopera? document.body.clientHeight : window.innerHeight if (document.all||document.getElementById){ cross_obj.style.left=parseInt(dsocleft)+parseInt(window_width)-Hoffset cross_obj.style.top=dsoctop+parseInt(window_height)-Voffset } else if (document.layers){ cross_obj.left=dsocleft+window_width-Hoffset cross_obj.top=dsoctop+window_height-Voffset } } function scrollwindow(){ window.scrollBy(0,myspeed) } function initializeIT(){ positionit() if (myspeed!=0){ scrollwindow() } } if (document.all||document.getElementById||document.layers) setInterval("initializeIT()",20) </SCRIPT>
f_haut.gif - f_bas.gif
Blanc:
<!--Code generated by Cool Web Scrollbars from Harmony Hollow Software--> <!--http://www.harmonyhollow.net--> <style type="text/css"> <!-- BODY { scrollbar-base-color:#COULEUR_DU_CURSEUR; } --> </style> <!--End Cool Web Scrollbars code--> <style> <!-- BODY{ cursor:url("NOM_DU_REPECTOIRE/valpointer.cur"); } --> </style> <blockquote>
Images, gifs animés, barres, etc.. : - http://www.chez.com/arantele/carbox/carbo/boutique.htm - http://www.freegaia.com/ - http://www.a1clipart.com/fr/
Mini lexique
HTML :(littéralement Hyper Text Mark-up Language) - Langage de programmation des pages web.
Navigateur : (en anglais : browser) programme permettant la navigation sur le Web MIDI : (fichier) : format de fichier spécifique au son. Un fichier midi se présente sous la forme "fichier.mid" Tag : code permettant de mettre en forme un document
URL : adresse d'une page web - ex : http://sites.rapidus.net/daallair/mapage