Les liens hypertexte -Cours de HTML

Les liens hypertexte

Ici sur ce cours, nous allons apprendre à mettre des liens hypertexte sur une page web.

Mais c’est quoi un lien hypertexte ?

Ne me dis pas que vous ne savez pas ce que c’est un lien hypertexte. Bon d’accord, vous voyez dans ce site, il y a des endroits que si tu cliques dessus, tu es amené quelque part, dans une autre page par exemple. Et vous savez pourquoi vous êtes amené quelque part en cliquant dessus ? C’est juste parce qu’il y a un lien qui a été inséré sur cette endroit.
Bref on peut définir un lien hypertexte comme un nœud qui lie un endroit à une autre. Pour lier une page quelconque à une autre page, on insère un lien sur une de ces pages qui dirigera quelqu’un sur l’autre page en cliquant dessus.

En Html, pour insérer un lien html, on utilise la balise a : <a>texte à cliquer</a>. Ne pensez pas que le « texte à cliquer » sera cliquable, car il s’agit d’une simple ancre sans paramètres.

Il faut noter que nous allons voir trois sortes de liens :

Le lien pointant sur un document
Le lien pointant sur une ancre
Le lien pour envoyer un email

1. Le lien pointant sur un document :

Pour insérer un lien pointant sur un document, il suffit de suivre cette syntaxe :
< a href= "enplacement du document/nom_document_cible.extension">texte à cliquer</a>.
Si le document cible se trouve sur le même répertoire que la page web contenant le lien, la syntaxe devient :
< a href= "nom_document_cible.extension">texte à cliquer</a> ou
< a href= " ./nom_document_cible.extension ">texte à cliquer </a>.
Mais quand le fichier portant le lien se trouve dans un sous répertoire qui se trouve dans un même répertoire que le document cible la syntaxe devient :
< a href= " ../nom_document_cible.extension">texte à cliquer</a>.
Mais si le document se trouve dans un site différent, la syntaxe devient :
< a href= "url ">texte à cliquer</a>.

Exemple:

2. Le lien pointant sur une ancre

Imaginez si vous avez une page web qui mesure 1000km, ça serait très dure pour le lecteur de pouvoir lire tout le contenu. Cependant il faut lui faciliter la vie, au lieu de lui laisser parcourir toute la page à la cherche de contenu qui lui intéresse, placer des liens dans les sous titres qui pointent sur les contenus de ces sous titres. Comme ça il peut par exemple lire la conclusion qui est en bas de page juste en cliquant par exemple sur le sous titre conclusion.

Pour cela, if faut placer une ancre pour chaque lien à l’endroit où le lien va pointer.

En html, pour insérer une ancre on utilise la syntaxe :
<a name= "nom_de_l’ancre "> </a> endroit à atteindre ou <a name= "nom_de_l’ancre "> endroit à atteindre</a>

Et pour insérer le lien qui va pointer sur cette ancre, la syntaxe est :
<a href= " #nom_de_l’ancre ">texte à cliquer> </a>.
Ceci c’est le cas où le lien et l’ancre se trouve sur la même page. Mais si l’ancre se trouve sur une page différente la syntaxe du lien deviendra :
<a href= "emplacement_de_la_page/page.extension #nom_de_l’ancre ">texte à cliquer> </a>.

Exemple :

<h2> Contre l’occupation illégale de l’île comorienne de Mayotte. </h2>
<a href="#independance"> L’indépendance des Comores : un peu d’histoire </a> <br>
<a href="#lachasse"> La chasse à l’home </a>

<a name="independance"> </a> <h4> L’indépendance des Comores : un peu d’histoire</h4> 
<p> Les îles Comores ont accédé à l’indépendance, après 135 ans de colonisation par la France. 
Depuis cette période,ce petit archipel (de moins de 800 000 habitants sur une superficie de moins de 2300 km2),
 endure d’énormes souffrances suite aux manœuvres de déstabilisation de la part de l’ancienne puissance 
 administrante : la France. :
 </p>

<p> Les Comoriens ont voté à 94 % pour l’indépendance. Mais la France, par un tripatouillage électoral, sort un 
décret reconnaissant l’indépendance seulement à 3 îles (Grande Comore /Ngazidja, Anjouan/Ndzuani et Mohéli/Mwali).
 Cet acte indigne a provoqué la proclamation unilatérale de l’indépendance des Comores le 6 juillet 1975, dans ses 
 frontières héritées de la colonisation. Cette indépendance est reconnue par toutes les organisations 
 internationales : l’Union Africaine (UA ex OUA), la Ligue Arabe et les Nations Unies qui ont admis les Comores 
 en leur sein selon la résolution 3385 (XXX) du 12 Novembre 1975. Et pourtant les Comores restent amputées de
 Mayotte/Maoré et l’état français met tout en marche vers la départementalisation de Mayotte, programmée pour 2010 !
 </p> 
 <p> Les Comoriens ont voté à 94 % pour l’indépendance. Mais la France, par un tripatouillage électoral, sort un 
décret reconnaissant l’indépendance seulement à 3 îles (Grande Comore /Ngazidja, Anjouan/Ndzuani et Mohéli/Mwali).
 Cet acte indigne a provoqué la proclamation unilatérale de l’indépendance des Comores le 6 juillet 1975, dans ses 
 frontières héritées de la colonisation. Cette indépendance est reconnue par toutes les organisations 
 internationales : l’Union Africaine (UA ex OUA), la Ligue Arabe et les Nations Unies qui ont admis les Comores 
 en leur sein selon la résolution 3385 (XXX) du 12 Novembre 1975. Et pourtant les Comores restent amputées de
 Mayotte/Maoré et l’état français met tout en marche vers la départementalisation de Mayotte, programmée pour 2010 !
 </p> 
 
<a name= "lachasse"> </a> <h4> La chasse à l’homme</h4> 
<p> A Mayotte, la France a instauré, en 1994, contre le droit international, le tristement célèbre « visa Balladur »
 qui a provoqué plus de 4500 morts entre le bras de mer qui sépare Anjouan de Mayotte. Cette hécatombe prendra de 
 l’ampleur, tant que les contrôles de police institués par les autorités françaises continueront à empêcher la libre
 circulation des Comoriens dans leurs îles, et que l’énorme différence de développement économique entre Mayotte 
 et les autres entités de la région, sera maintenue artificiellement par la France néocolonialiste. </p>

<p> A Mayotte, la France s’est dotée depuis 2001, d’une base d’écoute "satellitaire", en violation de la 
vie privée des citoyens et de la souveraineté des états d’AFRIQUE, du MOYEN ORIENT, de l’ASIE. A Mayotte, 
la chasse à l’homme est pratiquée par des policiers et des gendarmes, sur les Comoriens des 3 autres îles 
(qualifiés de « clandestins chez eux »), dans des conditions humiliantes et indignes. A tel point que l’île
 de Mayotte est aujourd’hui qualifiée de « zone de non - droit » ! </p>

<p> Depuis 31 ans, la France organise à partir de Mayotte, des manœuvres de déstabilisation du jeune état comorien :
 Mayotte servant de base arrière à des militaires français qui organisent officiellement le séparatisme d’Anjouan ;
 Mayotte d’où se préparent les coups d’états répétitifs par mercenaires interposés (25 coups d’état et tentatives 
 de coups d’état), les assassinats de 4 présidents comoriens et l’exil forcé d’un chef d’état en exercice. </p>

<p> Depuis 31 ans, associations de la société civile, organisations anti-impérialistes et altermondialistes,
 partis politiques anticolonialistes, dénoncent ce jeu machiavélique d’une super-puissance sur un « confetti »
 de son ancien empire colonial ! Durant cette période, 24 résolutions des Nations Unies condamnent « l’occupation 
 illégale de l’île comorienne de Mayotte », demandant à la France « d’accélérer le processus du retour de l’île 
 comorienne dans son ensemble comorien ». </p>

<p> Depuis 2005, à contre courant du gouvernement sortant qui s’était permis de « mettre la question de l’île 
comorienne de Mayotte au frigo », les parlementaires de l’Union des Comores votent des résolutions qui sont de 
nature à préparer les uns et les autres au retour de Mayotte dans le giron comorien. En tant qu’organisations 
et personnalités signataires de cet appel, nous nous appuyons sur le droit international et la constitution des 
Comores qui reconnaissent Mayotte comme partie intégrante des Comores. </p>

<p> En conséquence, nous demandons : <br>

au gouvernement français, de procéder sans tarder à la suppression pure et simple de ce visa criminel qui 
a déjà coûté trop de morts aux comoriens ; au premier magistrat des Comores, de procéder sans tarder à la 
réinscription de la question de l’île comorienne de Mayotte à l’Assemblée Générale des Nations Unies ; 
aux institutions internationales, aux associations, aux organisations et personnalités amies des Comores, 
de maintenir leur soutien sans faille au peuple comorien, jusqu’à ce que celui-ci puisse recouvrer sa
 souveraineté nationale, son intégrité territoriale, sa dignité... 
aux autorités françaises et comoriennes, de mettre en place, sans tarder, une feuille de route en vue du 
retour de Mayotte dans le giron comorien ; ceci étant un préalable à tout projet de coopération dans le 
respect mutuel et dans l’amitié entre les deux peuples. </p>

<p> En conséquence, nous demandons : <br>

au gouvernement français, de procéder sans tarder à la suppression pure et simple de ce visa criminel qui a déjà 
coûté trop de morts aux comoriens ; au premier magistrat des Comores, de procéder sans tarder à la réinscription de
 la question de l’île comorienne de Mayotte à l’Assemblée Générale des Nations Unies ; 
aux institutions internationales, aux associations, aux organisations et personnalités amies des Comores, 
de maintenir leur soutien sans faille au peuple comorien, jusqu’à ce que celui-ci puisse recouvrer sa souveraineté
 nationale, son intégrité territoriale, sa dignité... aux autorités françaises et comoriennes, de mettre en place,
 sans tarder, une feuille de route en vue du retour de Mayotte dans le giron comorien ; ceci étant un préalable à
 tout projet de coopération dans le respect mutuel et dans l’amitié entre les deux peuples. </p> 
Source/auteur : SOS Comores

3. Le lien pour envoyer un email :

Pour mettre un lien permettant à des personnes de nous contacter, voici la syntaxe :
<a href= "mailto :adresse@email ">texte à cliquer</a>.

Exemple :