Introduction au lien texte HTML
Un lien HTML peut être un lien ou un hyperlien. Ceci est utilisé pour rediriger vers une autre page, image, sites Web, cela peut être n'importe quoi. Ils ont également utilisé pour naviguer sur la même page pour la section particulière. Ils rendaient les données, documentaient simplement en cliquant dessus. Nous emballons simplement notre document, nos images, notre URL ou nos données dans du texte. Il peut également pointer vers un fichier, un objet ou quoi que ce soit sur la même page ou sur une page différente en fonction des besoins. Lorsque nous passons la souris sur le lien HTML, le curseur se transforme en une icône différente. Nous pouvons discuter de leur fonctionnement et de leur création dans la section suivante de notre article. Dans cette rubrique, nous allons en savoir plus sur HTML Text Link.
Syntaxe pour HTML Link
Nous pouvons suivre pour créer notre tout premier lien HTML à partir de la syntaxe suivante ci-dessous. Dans la syntaxe donnée ci-dessous, nous allons utiliser une balise, des attributs et leurs propriétés correspondantes différents.
Link your corresponding text here
Dans la syntaxe ci-dessus, nous utilisons la balise d'ancrage pour créer un lien html ou un lien hypertexte. Nous allons discuter de cette balise d'ancrage en détail.
La balise d'ancrage est une balise à travers laquelle nous pouvons attacher ou lier notre texte, phrase ou mot pour créer un lien externe ou interne. En utilisant une balise d'ancrage, nous créons une URL dans nos pages qui peut être utilisée pour naviguer vers n'importe quelle autre page, site Web ou dans la même section de la page.
En utilisant une balise d'ancrage, nous avons de nombreux avantages mentionnés ci-dessous.
- Organiser: cela aide à organiser nos données. Nous n'avons pas besoin de créer plusieurs pages Web, ni de diviser nos données en morceaux à des fins de gestion, nous pouvons facilement organiser nos données en un seul endroit.
- Pas de défilement: en utilisant un lien html ou nous pouvons dire des liens internes html nous n'avons pas à nous soucier du défilement sur des pages très longues, nous pouvons simplement cliquer sur ce lien pour trouver la section souhaitée sur la même page. Ainsi, il est facile de trouver des données ou des sections sur la page.
Comment créer une balise d'ancrage?
Comme vous pouvez le voir dans la syntaxe ci-dessus, nous avons utilisé tant de choses là-bas maintenant, nous allons voir de plus près comment créer et comment cela fonctionne.
Fondamentalement, il se compose de trois parties différentes (attribut):
- attribut href
- attribut cible
- attribut de nom
1. attribut href
L'attribut Href signifie référence hypertexte. Supposons que nous voulons créer un lien hypertexte de sorte que la première exigence soit l'adresse du document qui peut être quelque chose comme un autre site Web, n'importe quel fichier tel que PDF, etc.
So for example : Google
Dans ce http://www.google.com est la valeur que nous attribuons à notre attribut href. Donc, chaque fois que nous cliquons sur Google, il nous redirige vers le lien de la page d'accueil Google. Par conséquent, l'attribut href contient l'adresse du document. Nous pouvons également mentionner notre propre lien HTML vers href.
Par exemple
My page
2. attribut cible
L'attribut cible définit la façon dont le document s'ouvrira. Il en existe de nombreux types et nous pouvons les utiliser selon nos besoins.
- _parent: ouvre simplement le document joint dans le cadre parent.
- _blank: il ouvre le document dans le nouvel onglet ou la nouvelle fenêtre.
- _top: Il ouvre le document joint en pleine fenêtre.
- _self: Il ouvre le document dans la même fenêtre ou le même onglet dans lequel il est cliqué. Par défaut, cette cible est activée. Nous pouvons le modifier comme ci-dessous:
Your Link text
Ici target = ”_ blank” est la syntaxe pour l'utiliser.
3. attribut de nom
L'attribut name est utilisé pour sauter ou naviguer vers un point de la page, cela peut être utile lorsque nous avons une grande page VRU avec autant de contenu. Cela permet d'économiser la recherche et le temps de l'utilisateur sans faire défiler. Syntaxe ci-dessous:
or
Dans cet e, cliquez simplement pour aller à la fin de la page sans faire défiler vers le bas.
Section
Ce navigateur identifiera la section mais nous devons utiliser (#) avec l'attribut name.
Link your text
Par cela, nous pouvons nous référer au «titre» d'une autre page en interne. Ici aussi (#) doit être utilisé à la fin de l'adresse de la page.
Lien HTML Couleurs
Nous pouvons également fournir des couleurs à notre lien html. Par défaut, ils ont trois états pour la couleur du lien, cela apparaîtra dans tous les navigateurs.
- Lien actif: lorsque nous cliquons sur un lien, il devient un lien actif avec une couleur soulignée et rouge.
- Liens non visités: la couleur par défaut du navigateur standard pour les liens non visités est bleue et soulignée.
- Liens visités: ceux-ci sont violets et soulignés.
Mais nous pouvons également fournir nos couleurs personnalisées à lier en utilisant la syntaxe ci-dessous. Nous pouvons suivre ce type différent pour donner de la couleur à notre lien. Mais nous utilisons ici du CSS en ligne si vous le souhaitez, vous pouvez également créer un CSS externe.
- Indiquez directement le nom de la couleur.
- En utilisant le code couleur HEX.
- En utilisant les valeurs rgb () et rgba ().
- En utilisant les valeurs hsl et hsla ().
Red Link
En cela, nous pouvons spécifier directement le nom de la couleur dans l'attribut style. Il s'agit d'un CSS en ligne.
Red color code
Ici, nous spécifions la couleur en utilisant des codes de couleur. (Codes couleurs HEX)
Red color
Nous pouvons également utiliser des valeurs RVB () pour spécifier la couleur de nos liens. Nous pouvons contrôler l'opacité de la couleur en utilisant rgb ().
Red color
Nous pouvons remplacer rbg () par rgba () mais nous devons spécifier la quatrième valeur pour la transparence et l'opaque.
Red color
Nous pouvons également utiliser la couleur HSL t notre lien. HSL représente essentiellement la teinte, la saturation et la légèreté. Nous pouvons également utiliser HSLA pour spécifier la couleur, mais nous devons fournir un paramètre supplémentaire dans hsla ().
Conclusion - Lien texte HTML
Donc, dans Trier, nous utilisons la balise d'ancrage et ses attributs pour créer le lien hypertexte ou le lien en HTML. HREF contient l'adresse du document, la cible qui est chargée de gérer le document. Nous pouvons également colorer notre lien à l'aide de CSS en ligne ou externes.
Articles recommandés
Ceci est un guide pour HTML Text Link. Nous discutons ici de la procédure de création d'une balise d'ancrage avec les couleurs du lien HTML et de la syntaxe du lien HTML. Vous pouvez également consulter les articles suivants pour en savoir plus -
- Éditeurs de texte HTML
- Lien d'image en HTML
- Contrôles de formulaire HTML
- Versions de Html
- Cadres HTML
- Blocs HTML
- Définir une couleur d'arrière-plan en HTML avec l'exemple