Structure de base du HTML
Fait partie de la section Fundamentals du Journey HTML de Coddy — leçon 2 sur 60.
Chaque document HTML suit une structure simple.
Cela commence par <!DOCTYPE html>, qui indique la version de HTML que nous utilisons.
Ceci est suivi par la balise <html>, qui contient tout le contenu HTML.
À l'intérieur de la balise <html>, nous ajoutons la balise <body>, qui contient tout le contenu visible de la page web.
Voici un exemple simple :
<!DOCTYPE html>
<html>
<body>
This is some text.
</body>
</html>Dans cet exemple, le texte à l'intérieur de la balise <body> sera affiché comme du texte sur la page web.
Défi
FacileOn vous donne le code de base d'une page HTML. Placez le texte suivant à l'intérieur de la balise <body> :
To Infinity And Beyond!Notez que tout est sensible à la casse. Par exemple :
To Infinity And Beyond!to infinity and beyond!sont des choses différentes (remarquez les majuscules dans la première ligne).
Aide-mémoire
Chaque document HTML suit une structure de base :
<!DOCTYPE html>- déclare la version de l'HTML<html>- contient tout le contenu HTML<body>- contient tout le contenu visible de la page web
Structure HTML de base :
<!DOCTYPE html>
<html>
<body>
This is some text.
</body>
</html>Essayez vous-même
<!DOCTYPE html>
<html>
<body>
<!-- Placez le texte ci-dessous -->
</body>
</html>
Testez-vousCette leçon comprend un petit quiz. Commencez la leçon pour y répondre et suivre votre progression.
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