Pour obtenir l'ouverture d'une page dans une nouvel onglet indiquez dans la balise de lien la propriété:
soit:
target="_self" qui est celle par défaut

ou bien target="_blank" la page cible s'ouvre dans une nouvelle fenêtre, un nouvel onglet dans le navigateur.

Arborescence et dossier
Par ailleurs, dans un lien vers une autre page et dans un souci d'organisation, il faut une arborescence avec une nomenclature de type de fichier ou des noms de dossier générique, c'est ainsi plus clair et plus lisible.

J'ai l'habitude de travailler avec la hiéarchie des dossiers suivant:

par exemple dans:
le dossier travail
Qui est le dossier racine c'est dire à la base du projet.
Où se trouve les deux fichiers de référence index.htm et index.html et où se trouve, la liste des dossiers suivants :

Le dossier audio
Qui contient un sous-dossier mp3 dont le nom est l'extension de ce type de fichier audio très pratique (nous y reviendrons, plus tard...)

Le dossier css
Nos fichiers texte de feuille de style qui contient tous les fichiers .css

Le dossier js
Qui contient tous les fichiers JavaScript avec l'extension .js

Un dossier images
Qui contient les images pour les diaporamas par exemple.

Le dossier interface
Qui contient les images, les pictogrammes, les icones de l'interface graphique (nous y reviendrons plus tard...)

Le dossier html
Qui contient les fichiers html les plus courants.

Le dossier datas Qui contient les dossiers où se trouvent des sujets divers. (ça peut être des chapitres, des séquences, s'il y a de nombreux fichiers)

Le dossier video
Qui contient les sous-dossiers avec les extensions des principaux formats. mp4 webm et ogv, cependant le format H264 (extension .mp4) semble être celui universel et approuvé par l'ensemble des acteurs de l'industrie, l'on peut donc l'adopter comme le seul recevable même avec le souci du téléchargement car ce n'est pas un fichier "streamé" mais "uploader" au préalable avant d'être joué, ce qui fait de lui, un économisateur d'énergie éléctrique cotés serveur ce qui est non négligeable.

Le dossier fonts
Qui veut dire "police de caractères" en anglais contients l'ensemble des fichiers qui permettent l'affichage des caractères avec une police particulière il en existe des milliers sur certain sites spécialisés gratuites ou payante (nous y reviendrons...)

Par ailleurs, pour chacun des fichiers html qui contiennent des images quand elles sont utilisées comme illustration avec une page, elles doivent, pour bien faire, se trouver dans le dossier enfant images. Ce qui évite le fait que les fichiers et les images ne soient mélangés et rendent la visibilité difficile à leur consultation et leur gestion.

Détails et chemins dans les liens
Avec un lien d'une page à une autre situé dans le même dossier.

La syntaxe est:

<a href="fichier-a.html" title="lien">Le lien dans le même dossier</a>

Avec un lien dans une page vers une autre situé dans le dossier-a

La syntaxe est :

<a href="dossier-a/fichier-a.html" title="lien">Le lien dans le fichier html du dossier-a</a>

Avec un lien dans une page vers une autre situé dans le dossier-a/dossier-b

La syntaxe est :

<a href="dossier-a/dossier-b/fichier-b.html" title="lien">Le lien dans le fichier html du dossier-a/dossier-b</a>


Le chemin des liens correspondent bien aux noms des dossiers. Sans oublier le fichier de destination.

Ainsi de suite...

Cependant, pour le fichier se trouvant dans le dossier-b pour accéder au fichier qui se trouve à la racine index.html, il faut redescendre de deux niveaux, pour cela l'on utilise donc deux points et la barre oblique.

Donc du dossier-b vers index.html

<a href="../../index.html" title="lien">Le lien dans le fichier-b.html est dans le dossier-b vers index.html</a>