Chapitre 4: Insertion de liens, d'images, ...

Dans ce chapitre, les codes suivants sont essentiels.

  • Insérer des liens
  • Insérer des images
  • Insérer des images en guise de liens (ou images cliquables)
  • Insérer des adresses


    Insérer des liens

    Pour insérer des liens c'est <A HREF=adresse+fichier>.
    L'insertion de liens est très utile, cela permet de naviguer d'une page à l'autre. Cette balise est indispensable à connaitre.
    <a href="http://easyhtml.free.fr/chap3.html">Retour au chapitre 3
    </a>.
    Retour au chapitre 3.

    Pour l'adresse, ce n'est pas forcément l'adresse internet mais cela peut être <a herf="chap3.html"> car ici chap3.html est dans le même repertoire que chap4.html.

    Pour descendre d'un répertoire c'est ../ (deux points suivis d'un slash) et pour monter dans un répertoire c'est le nom de ce répertoire. Retour au menu


    Insérer des images

    Pour insérer des images c'est <IMG SRC=adresse+fichier>.
    Pour l'adresse c'est la même chose que pour les liens.

    Il n'y a pas de code de fermeture pour les images.

    Voici un ver de terre <img src="images/ver.gif">
    Voici un ver de terre

    Vous pouvez expanser ce code avec align.

    Texte en haut de l'image. <img src="images/ver.gif" align="top">
    Texte en haut de l'image.

    Texte au milieu de l'image. <img src="images/ver.gif" align="middle">
    Texte au milieu de l'image.

    Texte en bas de l'image. <img src="images/ver.gif" align="bottom">
    Texte en bas de l'image.

    L'image est placée à droite de l'écran jusqu'à une rupture de ligne. <img src="images/ver.gif" align="right">
    L'image est placée à droite de l'écran jusqu'à une rupture de ligne.

    Vous pouvez aussi l'expanser avec alt.

    Gràce à alt, une info-bulle s'affiche si on reste quelques secondes sur l'image.
    <img src=images/ver.gif alt="hooo un ver !!!"> (guillemets obligatoires).
    hooo un ver !!! (guillemets obligatoires).
    Retour au menu


    Insérer des images cliquables

    Pour insérer des images cliquables c'est <A HREF=adresse+fichier><IMG SRC=adresse+fichier></A>.
    En fait on met une image en lien.
    Cliquer sur le ver pour retourner au chapitre 3. <a href="chap3.html"><img src="images/ver.gif"></a>
    Cliquer sur le ver pour retourner au chapitre 3.

    Vous remarquez qu'une bordure se forme et ce n'est pas esthétique. Pour l'enlever rajouter simplement border="0"

    Cliquer sur le ver pour retourner au chapitre 3. <a href="chap3.html"><img src="images/ver.gif" border="0"></a>
    Cliquer sur le ver pour retourner au chapitre 3.
    Retour au menu


    Insérer des adresses

    Pour insérer des adresses c'est <A HREF="MAILTO:votre adresse électonique">.
    <a href="mailto:DeAmOn02@ifrance.com">Ecrivez-moi</a> en cliquant tout simplement.
    Ecrivez-moi en cliquant tout simplement.

    Vous pouvez aussi choisir un objet au mail.

    Si vous avez des <a href="mailto:questionhtml@ifrance.com?subject=Questions sur le HTML">questions</a> sur le HTML.
    Si vous avez des questions sur le HTML. Retour au menu

    Chapitre 3 Faire le test du chapitre 4 Chapitre 5

    Explode ID: 11223

    Retourner en haut