Guides

Comment lier des pages Web HTML ensemble

Un lien hypertexte est un texte souligné qui vous amène à un site Web d'un simple clic. L'insertion d'hyperliens est assez simple, grâce aux outils de conception Web désormais disponibles. Mais cela peut aussi aider de savoir comment insérer un lien en utilisant du HTML.

Lien HTML Différentes pages Web

À un moment donné, si vous vouliez concevoir un site Web, vous deviez savoir Langage Signalétique Hyper Text. C'est un langage de programmation assez simple à apprendre, mais à moins que vous ne vouliez être un concepteur Web professionnel, vous n'avez pas besoin d'être un expert en HTML. Il existe de nombreux outils maintenant disponibles, y compris certains qui sont gratuits, qui géreront toutes ces choses pour vous.

Si vous utilisez WordPress ou un outil de conception de site Web, il devrait y avoir un moyen de créer un lien en cliquant sur un bouton "Lien".

Si vous exportez un fichier HTML à partir d'un document Office, Ctrl + K est le raccourci clavier permettant de gérer les liens hypertexte. Mettez simplement en surbrillance le texte que vous souhaitez pointer vers l'autre site, appuyez sur Ctrl + K et collez-le l'URL de destination. Vous pouvez également supprimer et modifier votre lien hypertexte en mettant en surbrillance le texte lié et en choisissant Ctrl + K.

Si vous utilisez plutôt la souris, vous pouvez également insérer et mettre à jour des liens hypertexte à l’aide de la barre de menus située en haut de votre document. Sélectionnez Insertion et lien hypertexte. Vous obtiendrez la même boîte que si vous utilisiez les raccourcis clavier, ce qui vous invite à saisir l'URL de destination.

Lien à l'aide de HTML

Il peut y avoir des cas où vous n'avez pas de moyen facile d'ajouter un lien. Dans ce cas, vous pouvez facilement ajouter un Lien hypertexte HTML. Vous n’avez pas besoin d’un cours complet pour apprendre le HTML. C'est assez facile à apprendre. Le code nécessite juste un HREF, le lien, le texte pour aller avec le lien et un arrêt. Par exemple : votre site.

Si le site que vous liez fait partie de votre propre site Web, vous n'aurez pas besoin de saisir l'URL complète de votre Lien HTML. Si vous deviez créer un lien vers votre bio, par exemple, vous l'écririez comme suit : Ma bio. Si vous utilisez un outil de conception comme WordPress et cliquez sur le bouton Insérer un lien option, vous recevrez généralement une liste déroulante qui comprend toutes vos pages pour vous permettre de sélectionner et de choisir simplement Ajouter un lien.

Lier une image

UNE lien texte n'est pas la seule option pour les sites Web. Vos images peuvent également être liées. Vous pouvez le faire facilement dans un blog ou un programme de conception de site Web en insérant simplement la photo, en la mettant en surbrillance et en utilisant l'outil de lien pour ajouter un lien hypertexte à lui.

Si vous créez un lien vers une photo en HTML, vous utiliserez le même code que si vous affichiez du texte plutôt qu'une photo. Dans ce cas, cependant, vous remplacerez le texte par le code pour référencer votre photo. Ce serait donc : .

Configuration de la navigation sur le site

Si vous créez un site Web, le plus important lien texteLes s sur l'une de vos pages sont ceux qui renvoient à vos autres pages. Navigation sur le site se fait souvent via une liste déroulante située en haut de chaque page. Les outils de conception Web facilitent cette tâche, vous permettant de choisir simplement si vous souhaitez qu'une page que vous ajoutez soit une page principale ou une page secondaire provenant de l'une de vos pages principales.

Cependant, si vous souhaitez créer vous-même la navigation sur votre site, vous aurez besoin d'un langage plus avancé appelé CSS. Vous pouvez rendre la navigation de votre site verticale ou horizontale et la faire dérouler ou être statique. Même si CSS est plus compliqué que HTML, vous pouvez récupérer le code dont vous avez besoin en ligne et le coller dans le code source de votre site Web.

Hyperliens pour les signets

Vos hyperliens ne doivent pas toujours pointer vers un site Web distinct ou même une page distincte de votre propre site Web. Ils peuvent également être utilisés pour rediriger vos visiteurs vers une autre section de la même page. Cela se voit souvent dans de longs articles ou des articles de blog où il y a une table des matières en haut et les utilisateurs cliquent sur chaque élément pour accéder directement à la section correspondante.

Ces liens hypertexte fonctionnent de la même manière que les signets dans un document Word. Vous pouvez les créer à l'aide de l'outil de conception Web que vous préférez ou coder un Lien HTML comme vous l'avez fait lorsque vous avez créé un lien vers d'autres pages. Pour créer des liens qui redirigent les visiteurs vers d'autres sections d'une page, vous devez d'abord créer un signet dans votre copie en utilisant l'attribut "id". Donc ce serait "

Premier signet

.

Une fois votre favori configuré, vous allez en haut de votre page et ajoutez ce lien. Le code pour cela serait : Aller au premier signet. Lorsque quelqu'un clique sur le texte Aller au premier signet, ce lien ira directement à la section où vous avez placé votre signet.

Utilisation de l'attribut cible

Un problème avec la configuration d'un Lien hypertexte HTML sur votre site, c'est qu'il enlève vos visiteurs. Les chances qu'ils cliquent de nouveau sur votre site une fois qu'ils ont été redirigés ailleurs ne sont pas excellents, ce qui signifie que vous risquez de perdre des gens dans le «terrier du lapin» que l'Internet peut rapidement devenir.

Utiliser quelque chose qui s'appelle l'attribut cible, cependant, vous pouvez contrôler la façon dont une page s'ouvre lorsque quelqu'un clique sur l'un de vos liens. Cela peut généralement être fait à l'aide d'un outil de site Web en cliquant uniquement sur une case. Cependant, si vous codez votre site Web en HTML, l'attribut va directement après votre URL, donc ce serait: Votre site. L'attribut _blank ouvre le document dans une nouvelle fenêtre.

Faire des liens d'ancrage

Que faire si vous souhaitez diriger les visiteurs de votre site vers un endroit spécifique au milieu de la même page? Ce type de Lien hypertexte HTML est faisable, mais un peu plus compliqué que la simple liaison. Vous devez d'abord définir votre cible, c'est-à-dire accéder à la zone de la page que vous souhaitez associer. Donnez-lui un nom et mettez le code Objet que vous liez. Remplacez "nom" dans cet exemple par le nom que vous avez choisi.

Maintenant que votre favori est configuré sur la page, vous créez votre lien hypertexte. Pour ce faire, accédez à la section dans laquelle vous souhaitez configurer votre destination et utilisez le symbole dièse avant le nom que vous avez choisi en bas de la page. Vous devez donc taper Cliquez pour voir l’objet que je lie.

Liens vers des documents et des fichiers PDF

Vous pouvez créer un Lien HTML au-delà des sites Web. Vous pouvez facilement télécharger des fichiers PDF et .docs sur votre site Web et créer un lien vers eux ailleurs sur votre site. C'est idéal pour les applications, les dépliants et autres documents que vous ne souhaitez pas modifier spécifiquement pour votre site Web. Cependant, il est important, lors de cette opération, de noter que le lien mène à un document plutôt qu’à un site Web. Cela se fait souvent en mettant «pdf» ou «doc» entre crochets après le lien.

À lien vers un document Word ou PDF, vous allez d'abord télécharger le document à l'aide du même outil que celui que vous utilisez pour développer votre site Web. Vous pourrez alors créer un lien vers celui-ci comme vous le feriez avec n'importe quel autre lien texte sur votre site. Vous devez saisir le code tel quel: Mon fichier [DOC]. N'oubliez pas de télécharger une nouvelle version chaque fois que vous mettez à jour le fichier de votre côté, car ces modifications ne se répliqueront pas automatiquement.

$config[zx-auto] not found$config[zx-overlay] not found