Comment créer un lien avec une programmation html simple

Une fois que vous avez créé quelques pages Web à l`aide de HTML, vous voudrez les connecter dans un site plus grand. Apprenez à un lien d`une page de votre site à un autre, ou à tout autre site sur Internet. Vous pouvez même envoyer vos visiteurs à un endroit spécifique de la page pour les sauvegarder le temps de défilement.

Pas

Méthode 1 de 2:
Liaison à une autre page Web
  1. Image intitulée Créez un lien avec une simple étape de programmation HTML 1
1. Ouvrez votre fichier HTML. Ouvrez le fichier HTML pour la page que vous souhaitez modifier. (Si vous commencez à partir de zéro et avez besoin d`informations de fond, créer le document Avant de lire cet article.)
  • Image intitulée Créer un lien avec une simple étape de programmation HTML 2
    2. Placez un lien sur votre page. Ajoutez le code suivant au corps de votre document HTML, où vous souhaitez que le lien apparaisse:
  • Lien texte
  • Ceci affiche comme ceci: Lien texte.
  • Image intitulée Créez un lien avec une simple étape de programmation HTML 3
    3. Écrivez le texte de lien à afficher. Quoi que ce soit entre le et Les balises apparaîtront sur votre page en tant que lien. Vous pouvez modifier cela avec d`autres tags HTML tout comme vous le feriez d`autres textes.
  • Vous pouvez également transformer une image en lien:
    .
    L`utilisateur verra les images d`image / comment créer une programmation simple-html-with-simple-html.jpg, et peut cliquer sur l`image pour visiter HTTPS: // fr.maniqui-es.com /.
  • Image intitulée Créer un lien avec une simple étape de programmation HTML 4
    4
    Changer la destination du lien. Thetag que vous venez de créer est appelé un "ancre." L`attribut href à l`intérieur de l`ancre définit la destination du lien. Remplacer https: // fr.maniqui-es.com / dans l`exemple ci-dessus avec l`URI que vous souhaitez créer un lien vers.
  • Toujours entourer l`URI avec des guillemets.
  • Les uris sont sensibles à la casse. Copiez-la coller ou tapez-les exactement comme ils apparaissent.
  • Image intitulée Créer un lien avec une simple étape de programmation HTML 5
    5. Lien vers une page dans le même dossier. Vous n`avez pas besoin d`inclure une URL complète si vous reliez une page sur le même site Web (bien que cela fonctionne). Il est plus facile de garder votre site Web organisé si vous utilisez plutôt des liens relatifs, sans y compris le nom de domaine. Voici un exemple simple de liaison d`une page à une autre dans le même dossier:
  • Disons que vous modifiez la page http: // exemple.EDU / About / Auteur.html.
  • Lier à la page http: // exemple.EDU / À propos / Famille.html, Tapez simplement le nom du fichier:
    Lien texte
  • Image intitulée Créer un lien avec une simple étape de programmation HTML 6
    6. Lien vers d`autres pages sur votre site web. Vous pouvez également utiliser des liens relatifs pour diriger le lien vers une autre page sur le même site. Il n`y a que deux choses que vous devez savoir:
  • Pour créer un lien vers une page dans un sous-dossier, incluez le nouveau chemin de fichier. Par exemple, si vous êtes sur la page http: // exemple.EDU / About / Auteur.html et vouloir le lien vers http: // exemple.EDU / About / Animaux / Chien.jpg, Vous pouvez tout sauter jusqu`à "à propos de:"
    Lien texte
  • Pour créer un lien vers une page dans une branche différente du site, utilisez "../" Pour aller jusqu`à un dossier plus élevé. Par exemple, pour lier de /à propos de l`auteur.html à http: // exemple.EDU / Rédaction / Livres.html, taper:
    Lien texte
  • Méthode 2 sur 2:
    Reliant dans une page
    1. Image intitulée Créer un lien avec une simple étape de programmation HTML 7
    1. Créer une ancre de destination. Si vous vous connectez à une page Web longue, vous voudrez peut-être mener des personnes à un point spécifique de la page au lieu du sommet. Pour rendre cela possible, ouvrez le document HTML pour la page de destination. Insérez cette balise d`ancrage au point que vous souhaitez relier à:
    • Texte d`ancrage.
      Cela affichera en tant que texte normal, car il s`agit de la destination d`un lien et non un lien lui-même. Vous pouvez remplacer "anchorname" avec n`importe quel nom, tant que vous n`utilisez pas le même nom deux fois sur une page.
  • Image intitulée Créer un lien avec une simple étape de programmation HTML 8
    2. Lien vers l`ancre de destination. Pour créer un lien vers un point spécifique de la page, ajoutez le symbole # à la fin de l`URI, suivi du nom exact que vous avez utilisé pour l`attribut ID. C`est sensible à la casse.
  • Par exemple, pour créer un lien vers l`ancron, la page http: // exemple.EDU / VACANCES.HTML, Type:
    Lien texte..
  • Vous pouvez ajouter ceci aux liens absolus ou relatifs (voir les instructions de la méthode distincte).
  • Image intitulée Créer un lien avec une simple étape de programmation HTML 9
    3. Ajouter une ancre à n`importe quelle balise HTML. Vous pouvez également créer une ancre en insérant ID ="anchorname" dans n`importe quelle étiquette HTML. Lien vers cela de la même manière. Voici quelques exemples:
  • En-tête


    Lien vers cela en ajoutant #Topeader à l`URL.
  • Texte du paragraphe


    Lien vers cela en ajoutant #Introparagraph à l`URL.
  • Conseils

    Pour rendre la page liée ouverte dans une nouvelle fenêtre, utilisez le "cible" attribut:Aller à WikiHow
  • Vous pouvez utiliser des feuilles de style en cascade (CSS) pour modifier l`apparition d`un lien dans les quatre de ses quatre (4) états: link, visité, survol et actif.
  • "
    Soumettre un conseil
    Toutes les soumissions sont soigneusement examinées avant d`être publiées
    Soumettre
    Merci d`avoir soumis un conseil pour examen!

    Mises en garde

    Assurez-vous de vous rappeler de fermer le tag avec un correspondant . Si vous oubliez de faire cela, la plupart des navigateurs changeront le reste du texte de la page dans un lien!

    Choses que vous aurez besoin

    • Un simple éditeur de texte tel que le Bloc-notes (PC), TextEdit (Mac) ou Sublimetext (Windows, Mac et Linux).
    Articles connexes