Ancre en HTML

王林
王林original
2024-09-04 16:38:46437parcourir

La balise d'ancrage HTML est l'un des éléments HTML les plus importants utilisés pour naviguer entre les sites Web, passer d'une page à l'autre, cliquer avec la souris pour ouvrir une sorte d'image ou de texte. Il est utilisé pour définir le début et la fin du lien hypertexte inclus. Ceci est principalement utilisé par le moteur de recherche pour définir l’URL de destination. C’est informatif et fonctionne de manière plus pertinente pour la page de destination.

Ces liens représentent différentes significations dans un scénario différent comme

  • Le lien souligné et de couleur rouge montre un lien actif
  • Le lien souligné et violet montre le lien visité.
  • Le lien souligné et de couleur bleue montre un lien non visité.

Syntaxe :

Voyons la syntaxe réelle pour définir étiquette.

<a href="Link_URL">Link Home</a>

Comme indiqué ci-dessus, la syntaxe balise contenant un lien avec les parties principales telles que définies ci-dessous :

Ancre en HTML

1. attribut href

Cet attribut est utilisé pour définir un hyperlien, dans lequel on peut se familiariser avec son adresse de destination. Le lien hypertexte fonctionne comme un connecteur entre le document de votre page Web et le lien cible.

  2. Attribut de nom

L'attribut name dans la balise est utilisée pour accéder à un point précis de la page.

  3. Target attribute

  • The target attribute is used to define the destination page or the defined target page may be opened.
  • It’s used as a common option that is used by target attributes to link with other pages.
  • If the target attribute defines with a blank value like “target=_blank” then it will open a new tab at the target location.

4. Title Attribute

  • The title attribute is one of the important attributes used to give special attention where one can easily move when they click the link.
  • If the user moves the mouse pointer onto the link reference, the title text which was given into the attribute point will be shown there.
  • It works like a tooltip or details where the link will navigate. This approach makes webpages or documents more user-friendly.

Working of Anchor in HTML

Examples

Here we are going to show some examples having use of actual tag.

1. HTML code

<h4>Examples for Anchor in HTML </h4>
<a href="https://timesofindia.indiatimes.com/">Latest News </a><br><br>
<a href="HTMLcolor.html">Navigate on other File</a><br>

Output:
 Ancre en HTML

On clicking the latest news, the output is :Ancre en HTML

 By clicking on the link Navigate on other File” it will show another webpage as:
Ancre en HTML

2. HTML Code

<h2>Reach to EDUCBA </h2>
<ul>
<li><a href="https://www.educba.com/">Website</a></li>
<li><a href="mailto:[email&#160;protected]">Email US</a></li>
<li><a href="tel:+123456789">Phone</a></li>
</ul>

 Output :

Ancre en HTML

The output shows some links, and that those links are in blue they are unvisited, the link showing in purple has visited the link and this is used to show the difference in links.

3. HTML Code

<h4>Image and File Demo</h4>
<p><a href="C:\Users\\Sonali\Desktop\jerry.jpeg">Image Demo</a> It will
open image</p>
<a href="./generate-zip?id=4" download="assets.zip">Download File</a>

Output :

Ancre en HTML

While clicking on image demo it will open the image as:Ancre en HTML

 While clicking on another link it will download the file as :Ancre en HTML

Conclusion – Ancre en HTML

La balise d'ancrage en HTML est utilisée pour définir un lien qui naviguera directement vers l'emplacement cible. Il est basé sur des composants majeurs tels que l'attribut hre, l'attribut name, l'attribut target. La balise est utilisée pour les liens internes et externes ainsi que pour les URL absolues et relatives.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent:Liste déroulante en HTMLArticle suivant:Liste déroulante en HTML