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 pageEntraînez-vous par vous-même : Playground Web