Bonjour. visiteurs jour : 160       Au président     Beauté santé     Infos loisirs     Ensemble      Jean      Informatique     Einstein     Santé corona

Les joies de l'informatique et de l'internet !





Coucou et merci


  Accueil - Disques - Excel - Informatique - Infos - Internet - Javascript - logiciels  - Programation - Sites RJ - Vidéo - Plan du site -



   

 

Cours HTML les images

Insérer une image

 

IMG SRC : insertion d'image

 

<CENTER><IMG SRC="abeille.gif"></CENTER>

Marqueur CENTER , RIGHT ou LEFT pour positionner l'image horizontalement.

On peut modifier la taille initiale d'une image :

HEIGHT ="valeur" pour modifier la hauteur

WIDTH="valeur" pour modifier la largeur

 

 

Pour plusieurs images et texte

 

Bienvenue 

 

<CENTER><IMGSRC="tv.gif" HEIGHT="39" WIDTH="50"> <ALIGN=ABSCENTER>Bienvenue <IMG SRC="tv.gif" HEIGHT="39" WIDTH="50"> ALIGN=ABSCENTER </CENTER>

On peut contrôler l'alignement vertical grâce aux valeurs TOP (haut), MIDDLE (centre) et BOTTOM (bas) de l'option ALIGN.

 

 

ASTUCES

 

Afficher un message d'alerte en cliquant sur l'image qui sert de lien.

 

Exemple :

 

<A HREF ="fichier.htm" TARGET=""
ONCLICK="window.alert('Encore un peu de patience!')">
<IMG SRC="image.gif" BORDER=0 ALIGN= middle START="fileopen">
</A>

 

Créer une image à zone sensible

Cette image s'appelle également une image mappée c'est à dire que chacune des zones est sensible et permet d'accéder par un lien vers d'autres pages.

 

Balise MAP

<P><MAP NAME="FPMap0">

<AREA HREF="unlien.htm" SHAPE="rect" COORDS="133, 261, 199, 320">

<AREA HREF="unlien.htm" SHAPE="rect" COORDS="27, 261, 89, 319">

<AREA HREF="unlien.htm" SHAPE="rect" COORDS="256, 172, 334, 240">

<AREA HREF="unlien.htm" SHAPE="rect" COORDS="125, 168, 217, 241">

<AREA HREF="unlien.htm" SHAPE="rect" COORDS="17, 170, 91, 237">

<AREA HREF="unlien.htm" SHAPE="rect" COORDS="351, 87, 434, 145">

<AREA HREF="unlien.htm" SHAPE="rect" COORDS="255, 88, 317, 149">

<AREA HREF="unlien.htm" SHAPE="rect" COORDS="129, 89, 218, 154">

<AREA HREF="unlien.htm" SHAPE="rect" COORDS="20, 89, 99, 155">

</MAP><IMG RECTANGLE="(256,172) (334,240) unlien.htm" RECTANGLE="(125,168) (217,241) unlien.htm" RECTANGLE="(17,170) (91,237) unlien.htm"
RECTANGLE="(351,87) (434,145) unlien.htm"
RECTANGLE="(255,88) (317,149) unlien.htm"
RECTANGLE="(129,89) (218,154) unlien.htm"
RECTANGLE="(20,89) (99,155) unlien.htm"

SRC="menuv.gif" X-SAS-USEIMAGEWIDTH X-SAS-USEIMAGEHEIGHT BORDER="0" ALIGN="bottom" USEMAP="#FPMap0" WIDTH="470" HEIGHT="357"></P>

 

<AREA HREF="unlien.htm" permet de désigner vers quel fichier doit pointer le lien de cette zone

SHAPE permet de définir la forme de la sélection (rect

COORD précise les coordonnées géographiques de la zone

 

Suite :

La mise en forme du texte en HTML

Les liens et URL en HTML

Les listes, les tables et les tableaux en HTML

les formulaires FORM en HTML

les images en HTML

Les vidéo et son en HTML

 

-
vues  804     En ligne actuellement :   1   Total des clics  1665239