Récapitulatif - Mise en page
Fait partie de la section Fundamentals du Journey HTML de Coddy — leçon 29 sur 60.
Défi
FacileCréez un document HTML qui inclut tous les éléments de mise en page que nous avons appris jusqu'à présent :
- Un
<header>avec un titre principal (<h1>) qui affiche "My Website" et une navigation (<nav>) avec des liens vers "Home", "About", et "Contact". (dans une liste non ordonnée) - Une section
<main>avec un<div>qui contient un paragraphe (<p>) avec le texte "This is the main content area.". À l'intérieur du paragraphe, utilisez une balise<span>pour entourer le mot "main". - À l'intérieur de la section principale, une
<section>avec un titre (<h2>) qui affiche "About Us" et un<article>avec un titre (<h3>) qui affiche "Our Mission" et un paragraphe (<p>) avec du texte fictif. - Un
<footer>avec un paragraphe (<p>) qui affiche "Copyright 2024 My Website".
Essayez vous-même
<!DOCTYPE html>
<html>
<body>
<!-- Écrivez le 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