Comment ajouter un lien à une image

Avec une seule ligne de code HTML, vous pouvez ajouter une image cliquable sur presque n`importe quel site Web. Il y a deux choses dont vous aurez besoin pour que cela fonctionne. Vous aurez besoin de l`URL d`une image et vous aurez besoin de l`URL d`un site Web.

Pas

Méthode 1 de 2:
Écrire le code HTML
  1. Image intitulée 769114 1
1. Créer un fichier HTML. Ouvrez un éditeur de texte, puis créez un nouveau fichier. Enregistrez le fichier comme index.html.
    • Vous pouvez utiliser n`importe quel éditeur de texte souhaité, même les éditeurs de texte système fournis par Windows, Notepad et Mac OS X, TextEdit.
    • Si vous souhaitez utiliser un éditeur de texte destiné à travailler avec HTML, Cliquez ici Pour télécharger Atom, un éditeur de texte qui fonctionne sous Windows, Mac OS X et Systèmes d`exploitation Linux.
    • Si vous utilisez TextEdit, avant de commencer à écrire le fichier HTML, cliquez sur le menu Format, puis cliquez sur Faire un texte brut. Ce paramètre veillera à ce que le fichier HTML se charge correctement dans un navigateur Web.
    • Les processeurs de mots, tels que Microsoft Word, ne sont pas parfaits pour écrire HTML, car ils ajoutent des caractères invisibles et des formatage pouvant casser un fichier HTML afin qu`il ne s`affiche pas correctement dans un navigateur Web.
  • Image intitulée 769114 2
    2. Copier et coller le code HTML standard. Sélectionnez et copiez le code HTML ci-dessous, puis collez-le dans votre index ouvert.fichier html.
  • Image intitulée 769114 3
    3. Trouver une URL d`une image. Trouvez une image sur Internet, cliquez avec le bouton droit sur l`image, puis, en fonction de votre navigateur, cliquez sur Copier l`URL de l`image, l`adresse de copie d`image ou l`emplacement de l`image de copie.
      • Firefox et Internet Explorer utilisent l`emplacement de la copie de la copie. Chrome utilise l`URL de la copie de l`image. Safari utilise une adresse d`image de copie.
  • Image intitulée 769114 4
    4. Ajouter l`URL de l`image. Dans l`index.Fichier HTML, cliquez et faites glisser pour sélectionner URL d`image avec votre souris, puis appuyez sur Ctrl + V pour coller l`URL de l`image.
  • Image intitulée 769114 5
    5. Ajouter l`URL de destination. Dans l`index.Fichier HTML, Supprimer l`URL de destination, puis tapez https: // Google.com.
      • Vous pouvez utiliser n`importe quelle URL que vous souhaitez pour l`URL de destination.
  • Image intitulée 769114 6
    6. Enregistrez le fichier HTML.
  • Image intitulée 769114 7
    7. Ouvrez le fichier HTML dans un navigateur Web. Cliquez avec le bouton droit sur l`index.fichier html, puis ouvrez-le dans le navigateur Web de votre choix.
      • Lorsque le navigateur s`ouvre, si vous ne voyez pas l`image, assurez-vous que le nom du fichier image est orthographié correctement dans l`index.fenêtre de l`éditeur de texte HTML.
      • Lorsque le navigateur s`ouvre, si vous voyez du code HTML au lieu de l`image d`arrière-plan, votre index.Le fichier HTML a été enregistré comme un document texte riche. Vous voudrez peut-être essayer d`éditer le fichier HTML dans un autre éditeur de texte.
    • Méthode 2 sur 2:
    Comprendre le code HTML
    1. Image intitulée 769114 8
    1. Comprendre la balise d`ancrage. Le code HTML est composé de tags ouverts et fermés. le tag est la balise ouverte et est la balise fermée. C`est ce qu`on appelle une balise d`ancrage et est utilisé pour ajouter des liens vers une page Web.
    • Le raconte un navigateur de rendre un lien. le href est court pour la référence HTML, le Englisons dit au navigateur de tout prendre entre le " " et en faire un lien. Toute URL peut aller entre les deux guillemets.
    • Le raconte à un navigateur que l`étiquette d`ancrage est fermée.
    • Lorsque vous ajoutez du texte entre et cela fera ce texte un lien cliquable sur une page Web. Par example, Google créerait un lien avec Google.
  • Image intitulée 769114 9
    2. Comprendre la balise d`image. le tag est une étiquette de fermeture automatique. Vous pouvez le fermer par écrit en écrivant .
  • La balise indique à un navigateur de rendre une image. le src est court pour la source, le Englisons dit au navigateur de tout prendre entre le " " et obtenir l`image de cet endroit.
  • le /> Indique à un navigateur de fermer l`étiquette d`image.
  • Par example, {} obtiendrait l`image à cette URL, puis l`afficher dans un navigateur Web.
  • Image intitulée 769114 10
    3. Utilisez ce code n`importe où. Maintenant que vous connaissez ce code, vous pouvez utiliser pour ajouter des images cliquables à n`importe quelle page Web pouvant accueillir du code HTML.

    • Conseils

    Articles connexes