Solution Exercice 7 : Lien interne HTML


Exercice 7

Créez une page HTML intitulée "about.html". Incluez un paragraphe sur cette page qui offre une brève présentation d'une personne. Dans un autre fichier "index.html", créer un lien hypertexte pointant vers la page "about.html" avec le libellé "Découvrez-en davantage sur ma personne".

Solution

La page index.html

<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Page d'accueil</title>
</head>
<body>

    <h1>Bienvenue sur ma page d'accueil</h1>
    
    <!-- Lien vers la page "about.html" -->
    <a href="about.html">En savoir plus sur moi</a>

</body>
</html>





La page about.html

<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>À propos de moi</title>
</head>
<body>

    <h1>À propos de moi</h1>
    
<p>Je m'appelle <strong>Adam Abbassi</strong>, et je suis passionnée par la science informatique. 
Actuellement, je travaille en tant que développeur web. Mes centres d'intérêt incluent la programmation, la conception web et les nouvelles technologies. 
Je suis toujours enthousiaste à l'idée d'apprendre de nouvelles choses. 
Explorez mon profil pour en savoir plus sur mes expériences et mes réalisations.</p>

</body>
</html>

 

 

Younes Derfoufi
CRMEF OUJDA

1 thought on “Solution Exercice 7 : Lien interne HTML

Leave a Reply