Ajoutez un lien vers votre site Web

Auteur: Roger Morrison
Date De Création: 19 Septembre 2021
Date De Mise À Jour: 21 Juin 2024
Anonim
Ajouter un lien vers votre site internet
Vidéo: Ajouter un lien vers votre site internet

Contenu

Les liens ou hyperliens, généralement abrégés en «liens», sont l'épine dorsale de l'Internet et des sites Web en particulier. Les liens permettent aux utilisateurs de cliquer sur un morceau de texte ou une image, ce qui les redirigera vers une autre page Web. Cela en fait une partie inséparable d'Internet. La création d'un lien dans le cadre de votre site Web nécessite très peu de code HTML. Ici, nous vous montrons comment.

Avancer d'un pas

Méthode 1 sur 2: un lien simple

  1. Créez le texte ou placez l'image que vous souhaitez utiliser comme lien. Les liens sont créés avec quelques balises html simples lors de l'édition du code de votre site Web. Mais d'abord, il est important de savoir ce que vous voulez mettre à l'intérieur des balises. Cela peut être du texte, une image ou un autre élément html, mais ici nous utilisons simplement une ligne de texte.
  2. Placez deux balises autour du texte. Les hyperliens sont indiqués par deux balises simples, une pour ouvrir le code et une pour le fermer. Sans attributs, ce n'est pas encore vraiment utile, mais nous allons faire quelque chose à ce sujet.
    • Votre lien pourrait ressembler à ceci: Cliquez ici pour visiter mon nouveau site Web.
  3. Ajoutez l'attribut "href" pour indiquer où mène le lien. L'attribut "href" indique au navigateur où diriger l'utilisateur lorsque l'utilisateur clique sur le lien. Cet attribut est suivi d'un signe égal, puis de l'adresse entre guillemets après lui.
    • L'exemple ci-dessus devrait maintenant ressembler à ceci: cliquer ici pour visiter mon nouveau site Web.
    • Notez que si la destination du lien est un autre site Web, vous devez fournir l'URL complète (elle commence généralement par "http"). Si seul le nom de la page est indiqué, la recherche est supposée être effectuée dans le répertoire du site Web.

Méthode 2 sur 2: Ajouter un e-mail et des ancres

  1. Créez un lien à partir d'une image. Ceci est très facile à faire en ajoutant une balise d'image dans les balises de lien. Vous aurez besoin de l'adresse de l'emplacement de l'image (c'est-à-dire l'emplacement sur votre serveur ou celui de quelqu'un d'autre). Voici un exemple de ce à quoi un lien d'image pourrait ressembler:
    • a href = "the_url_of_the_image.html"> img src = "image.webp" /> / a>
  2. Créez un lien e-mail en utilisant le "mailto:protocole. Pour créer un lien pour rédiger un e-mail à une adresse spécifique, utilisez "mailto:" et placez-le directement devant l'adresse e-mail de la personne.
    • Un lien de courrier électronique pourrait ressembler à ceci: cliquer ici pour poser une question ou faire un commentaire.
  3. Créez des ancres dans une page Web plus grande pour une référence facile. Si vous cherchez un moyen de créer un lien vers une partie spécifique d'une page Web, utilisez une ancre. Les ancres sont très utiles pour les grandes pages avec une table des matières; chaque chapitre ou section peut se voir attribuer une ancre liée à la table des matières. Les ancres sont créées avec l'attribut "nom".
    • Pour créer une ancre, insérez la balise au bon endroit sur la page, par exemple: Chapitre 3 - Utilisation des ancres en HTML
    • Pour créer un lien vers l'ancre nouvellement créée, utilisez le signe # comme suit: #Aller au chapitre 3

Conseils

  • Vous n'avez besoin d'aucun logiciel spécial pour créer un site Web, et la plupart des ordinateurs ont le logiciel approprié installé par défaut. Un exemple est le Bloc-notes / Bloc-notes dans Windows. Entrez simplement les codes et enregistrez-les au format HTML. Pour pouvoir voir à quoi cela ressemble dans la pratique, vous avez besoin d'un navigateur, ce qui n'est souvent pas nécessaire dans les programmes plus avancés. De plus, il n'y a pas d'options pour vérifier la syntaxe du code et s'il est conforme aux normes.
  • Utilisez les styles CSS pour modifier la couleur et les autres propriétés des liens.

Nécessités

  • Un ordinateur
  • Un éditeur tel que le Bloc-notes ou un logiciel de conception Web