 |
 |
|
|
|
Comment faire un lien
de type "bouton" ?
Ajoutez ce code à
votre page et remplacez le texte en gras par vos informations :
<form method="link" action="http://adresse du lien"> <input
type="submit" value="cliquez ici"></form>
Voici à quoi cela ressemble :
Vous pouvez aussi ajouter de la couleur. Celui-ci a une bordure mais vous pouvez l'enlever en supprimant le marqueur "border". Vous pouvez changer la couleur de fond en plaçant un nombre hexadécimal dans le marqueur "color". Voici le code (ça ne marche pas avec Netscape) :
<form method="link" action="http://adresse du lien"><input type="submit" value="cliquez ici" rows=6 COLS=26 style="font-family:arial" style="border style:solid" style="background:#9900ff" style="color:#ff66ff"></form>
Ça ressemble maintenant à ceci :
Comment puis-je ajouter des images ? C'est très facile (placez vos propres information là où le texte est en gras) :
<img src="votre nom de fichier.gif (or .jpg)" width="sa largeur" height="sa hauteur" alt="le nom de l'image">
Pour centrer l'image, voici ce qu'il faut faire :
<center><img src="votre nom de fichier.gif (or .jpg)" width="sa largeur" height="sa hauteur" alt="nom de l'image"></center>
Vous pouvez aussi utiliser l'attribut "align" pour aligner les images à gauche, au centre et à droite (à gauche par défaut) :
<img src="turtle.gif" align="left"><img src="turtle.gif" align="right">
N'oubliez pas de transférer les images sur le serveur. Si vous ne le faite pas, vous verrez un x rouge à l'endroit où devrait être l'image. Cela signifie que vous ne l'avez pas téléchargée, ou qu'il y a une erreur dans votre code HTML.
Comment ajouter des espaces entre les images? Vous pouvez créeer ces espaces en utilisant une balise appelée "vspace" ou "hspace". Vspace est la balise d'espacement vertical (en dessous et au-dessus) hspace est la balise d'espacement horizontal (d'un côté et de l'autre). Ajouter une balise d'espacement pour votre image ressemble à ceci :
<img src="cat.gif" hspace="15">
En utilisant le code ci-dessus, vous espacez deux images de 15 pixels. Vous pouvez utiliser hspace et vspace simultannément.
Hspace = 15:
Vspace=8, Hspace=8:
Comment puis-je faire des liens "image" ? C'est la question qu'on me pose le plus souvent ! C'est très simple. Téléchargez l'image sur votre serveur, puis copiez et collez le code suivant dans votre éditeur, en ajoutant votre propre nom de fichier :
<a href="URL à joindre en cliquant sur l'image"><img src="nom de fichier.gif(ou .jpg)" border="0"></a>
Il est bon également d'avoir la largeur et la hauteur d'image incluses dans la balise pour que votre page se charge plus rapidement avec un meilleur affichage. Vous pouvez également inclure un marqueur "alt" qui donnera un texte à lire pendant le chargement de la page. Pour savoir quels sont la largeur et la hauteur de l'image, vous cliquez à droite sur votre image et vous choisissez " propriétés ". À moins que vous n'utilisiez un navigateur trop ancien il devrait vous indiquer les dimensions de votre image en Pixels. Il vous suffit alors de changer un peu le code en plaçant vos information là où le texte est en gras :
<a href="URL à joindre en cliquant sur l'image"><img src="your filename.gif(or jpg)" border="0" width="000" height="000" alt="choisissez un nom"></a>
Si vous ne mettez pas l'attribut <border="0"> il y aura une bordure autour de votre image.
*Certains hébergements de pages web exigent que l'adresse de l'image soit son URL complète, si vous avez des problèmes d'affichage d'images essayez ceci : <a href="Adresse à joindre en cliquant sur l'image"><img src="votre adresse web/votre nom de fichier.gif(or jpg)"></a>