Section d'en-tête
Fait partie de la section Fundamentals du Journey HTML de Coddy — leçon 53 sur 60.
Défi
FacileComme toujours, vous pouvez faire preuve de créativité pour remplir les textes, ou utiliser l'exemple !
Créez une balise <div> pour la section d'en-tête. À l'intérieur, ajoutez une balise <h1> avec le nom de l'événement, une balise <p> avec un slogan, et une balise <img> pour la bannière de l'événement. Ajoutez à l'image une largeur et une hauteur de votre choix.
Par exemple :
- Titre : "Code Camp 2024"
- Description : "Learn. Build. Innovate."
- URL de l'image : "https://img.freepik.com/free-photo/painting-mountain-lake-with-mountain-background_188544-9126.jpg"
Essayez vous-même
<!DOCTYPE html>
<html>
<body>
<!-- Écrivez votre code ici -->
</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ê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 page