1) lien apparent : (placé par exemple en haut de la page) :
mettre le # devant le nom donnée à la zone définie :

<a href="#HIRONDELLES">Cliquer ici</a>

----------------------------------------------------

2) zone définie (c'est l'ancre) attention pas de # ici :
vous la placez à l'endroit concerné de votre page 

<a name="HIRONDELLES"></a>

---------------------------------------------
// Vous pouvez naviguer d'une page à l'autre avec le signet installé sur la page de destination
par exemple :

http://4saisons4vents.site/animaux-et-biodiversite.htm#abeilles

(vous tombez à l'endroit précis de la zone définie)

---------------------------------------------

<a href="#bas">Cliquer ici</a>
<a name="bas"></a>

<a href="#haut">Cliquer ici</a>
<a name="haut"></a>

<a href="#art">Cliquer ici</a>
<a name="art"></a>

<a href="#milieu">Cliquer ici</a>
<a name="milieu"></a>

<a href="#france">Cliquer ici</a>
<a name="france"></a>

<a href="#gifs">Cliquer ici</a>
<a name="gifs"></a>

<a href="#poesie">Cliquer ici</a>
<a name="poesie"></a>

_________________________________________

ou : (trouvé chez alsacreations)


Exemple :

<a href="#dernières nouvelles">Les dernières nouvelles</a>

<div id="dernières nouvelles">. . . </div>

____________________________________________________________________

Nota: il faut bien faire la différence : la zone définie ne comporte pas de #
(perso je m'étais trompée)