HTML/CSS: Ancres et liens

Scroll: doux

body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  scroll-behavior: smooth;
}

Lien local:

Vers la même page: (mène vers un endroit labellisé avec un id= » « )

<a href="#section-videos">VIDEOS</a>

Vers une autre page locale: (mène vers un endroit dont le chemin est indiqué par ./ ou ../ )

<a href="./contact.html">CONTACT</a>

Lien externe:

indiquer l’URL complète.

<a href="https://www.benjamin-viguier.fr">VIDEOS</a>

Comment ouvrir le lien : attribut ‘target’

Par défaut l’attribut target a la valeur :

target="_self" 

et le lien s’ouvre dans la même fenêtre.

Donner la valeur :

target="_blank" 

ouvre le lien dans une autre fenêtre
Il existe aussi d’autres valeurs pour target : https://www.w3schools.com/tags/att_a_target.asp

Pour ouvrir un lien en POP-UP, il faut avoir recours à du JS :
Plusieurs solutions dans ce forum .

Testé et approuvé:
remplacer :

<a href="https://wptest0303.benjamin-viguier.fr/wp-content/uploads/2024/02/STATUTS-LES-CLOWNS-STETHOSCOPES-2022.pdf" target="_blank">Les statuts</a>

par :

<a href="javascript: void(0)" onclick="window.open('https://wptest0303.benjamin-viguier.fr/wp-content/uploads/2024/02/STATUTS-LES-CLOWNS-STETHOSCOPES-2022.pdf','_blank','width=900,height=900');">Les statuts</a>