Bienvenue dans notre cours résumé sur l’html5. Nous avons vu la structure de base d’une page html, comment ajouter des paragraphes et des titres, insérer des images, etc. Cette partie concerne la balise html5 qui permet l’insertion d’un lien.
HTML5 : lien
Dans toute page web créée par HTML5, on aura besoin d’insérer un lien vers une information donnée (soit dans la même page, soit dans une autre page du site, soit aussi, un lien vers un autre site web).
Pour pouvoir ajouter un lien à une page html, on utilise la base a avec l’attribut obligatoire href qui inclut le lien à ouvrir. Ainsi, on utilise la syntaxe suivante :
<a href="lien de la page"> Le message du lien </a>
Avec :
- lien de la page : décrit le chemin ou l’url de la page à ouvrir.
- Le message du lien : le message qui va apparaître dans la page html et qu’on l’utilisateur clique dessous, la page du lien s’affiche.
HTML5 :lien interne (ancre) :
Un ancre est un lien vers une partie de la page en cours. Pour pouvoir ajouter un ancre, on doit :
-
- donner un identifiant à la partie concernée par le lien interne. Pour cela, on utilise un attribut id pour la balise de la partie concernée.
Exemple :
<h1 id="titrehtml">Cours HTML </html>
- utiliser cet identifiant dans l’attribut href du lien comme suit
Exemple :<p>comme dans le cours <a href="#titrehtml" > HTML </a> , on va découvrir la structure d'une feuille de style css...</p>
L’attribut target :
on peut spécifier à un lien est ce qu’il doit être ouvert dans la meme page, un nouvel onglet, ou dans une nouvelle page. Pour cela, on doit utiliser l’attribut target (qui n’est pas un attribut obligatoire comme href, mais facultatif à utiliser en cas de besoin). L’attribut target peut prendre l’une des valeurs suivantes :
- _blank : Ouvre le document objet du lien dans une nouvelle fenêtre
- _self Ouvre le document objet du lien dans le même frame contenant le lien
- _parent Ouvre le document objet du lien dans le frame parente
- _top Ouvre le document objet du lien dans le corps de la fenêtre
- framename Ouvre le document objet du lien dans un frame nommé
Image cliquable
Nous avons déjà montrer que l’insertion d’une image dans la page web html est équivalente de l’ajout de la balise img avec l’attribut obligatoire src.
Exemple :
..... <img src="9raytifclick.png"/> .....
pour rendre une image cliquable, on doit la définir comme un lien .Autrement dit, on utilise la balise img à l’intérieur de la balise a.
Exemple :
<a href="index.html">
<img src="9raytifclick.png"/>
</a>
Vous pouvez suivre notre cours complet d’HTML. pour approfondir vos compétences sur le développement web en utilisant le langage html5.
Aussi, vous avez une playlist des vidéos (Explication en Darija arabe marocaine) bien organisée qui traite : Vidéos sur l’HTML5