Section À propos de moi
Fait partie de la section Fundamentals du Journey HTML de Coddy. Leçon 33 sur 60.
Défi
FacileCeci est la suite de votre projet de profil ! Construisons sur la structure que vous avez déjà créée. Votre page doit maintenant inclure trois sections distinctes, chacune enveloppée dans une balise
1. Header Section : Un
2. Profile Picture : Un
3. About Me Section : Un
Assurez-vous que votre structure HTML suit cet ordre pour réussir les tests.
<div> :1. Header Section : Un
<div> contenant un <h1> avec votre nom et un <p> avec un court slogan.2. Profile Picture : Un
<div> contenant une balise <img>.3. About Me Section : Un
<div> contenant un <h2> avec le texte 'About Me' et une balise <p> partageant un peu d'informations sur vous.Assurez-vous que votre structure HTML suit cet ordre pour réussir les tests.
Essayez vous-même
<!DOCTYPE html>
<html>
<body>
<!-- Ceci est une continuation de votre projet. Veuillez structurer votre page en utilisant les trois sections ci-dessous. -->
<!-- Section En-tête : Ajoutez une balise <h1> et une balise <p> à l'intérieur de ce div -->
<div>
</div>
<!-- Section Photo de profil : Ajoutez une balise <img> à l'intérieur de ce div -->
<div>
</div>
<!-- Section À propos de moi : Ajoutez une balise <h2> et une balise <p> à l'intérieur de ce div -->
<div>
</div>
</body>
</html>Toutes les leçons de Fundamentals
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ête2Texte 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ête3Travailler 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