Liens sociaux
Fait partie de la section Fondamentaux du Journey HTML de Coddy. Leçon 34 sur 60.
Défi
FacilePartageons tes réseaux sociaux : les gens voudront entrer en contact avec toi !
- Après la section « About Me », ajoute une autre balise
<div>. - À l’intérieur, crée un titre avec une balise
<h2>qui indique « Connect with Me ». - Ajoute des liens cliquables vers tes profils sur les réseaux sociaux à l’aide de balises
<a>. N’oublie pas de faire ouvrir les liens dans un nouvel onglet en ajoutanttarget="_blank"
Par exemple :
Essayez vous-même
<!DOCTYPE html>
<html>
<body>
<!-- Header Section -->
<div>
<h1>John Doe</h1>
<p>Web Developer | Creative Thinker</p>
</div>
<!-- Profile Picture -->
<div>
<img src="https://storage.googleapis.com/coddy-15505.appspot.com/public/avatars/avatar25.png" alt="My profile picture" width="200" height="200" />
</div>
<!-- About Me Section -->
<div>
<h2>About Me</h2>
<p>Hello! I'm a passionate web developer learning HTML basics. I enjoy coding and building creative projects.</p>
</div>
</body>
</html>Toutes les leçons de Fondamentaux
1Les bases du HTML
Qu'est-ce que le HTML ?Structure de base du HTMLBalises et élémentsImbrication et fermeture des balisesCommentaires en HTML7Page de profil personnel
Présentation du projetSection d'en-tête
Photo de profilSection À propos de moiLiens sociaux2Texte et mise en forme
TitresParagraphesSauts de ligneTexte en gras et italiqueGras et italique (suite)Récapitulatif - Mise en forme8Formulaires et champs de saisie, partie 1
Bases des formulairesChamps de texteAttributs des champsChamp de mot de passeLibellés pour les champsRécapitulatif - Formulaire de base11Page d'inscription à un événement
Aperçu du projetSection d'en-têteSection des détails de l'événementFormulaire d'inscriptionSection de pied de page3Travailler avec les listes
Liste non ordonnéeListe ordonnéeListes imbriquéesRécapitulatif - Les listes6Mise en page
DivisionsSpans en ligneBalises sémantiquesSections et articlesRécapitulatif - Mise en pageEntraînez-vous par vous-même : Playground Web