Back
Close

Exercices HTML

profThiernesse
22.1K views

La sémantique

Le HTML5 améliore la sémantique dans l'utilisation du balisage HTML en renforçant la signification des informations contenues dans les pages web, c'est-à-dire leur sens, plutôt que de se borner à définir leur présentation (ou apparence).

Ressources

BaliseLien
sectionsection
articlearticle
headerEn-tête
footerPied-de-page
asideContenu tangentiel
navNavigation
mainContenu principal

Exercice 1

Il faut compléter le code ci-dessous en insérer les balises nécessaires à organiser et ajouter de la sémantique au texte. La page doit se découper en 4 parties contenant chacune des sous-éléments :

  • un en-tête de page :
    • d'un titre de niveau 1 "Villes de Belgique"
  • un contenu tangentiel :
    • Contenant une image du répertoire images et dont le nom est TE-Collage_Liege.png
  • un article principal composé de :
    • un en-tête lui-même composé :
      • D'un titre de niveau 2 avec le texte "Liège"
      • Le paragraphe suivant le titre Liège
    • deux sections elles-mêmes composées :
      • d'un titre de niveau 3 "Topographie" et "Hydrographie"
      • des différents paragraphe suivant chacun des titres
  • un pied de page :
    • Contenant les 2 derniers paragraphes

Si les balises sont placées correctement, le résultat final est agrémenté de CSS pour un résultat graphique.

Texte
Create your playground on Tech.io
This playground was created on Tech.io, our hands-on, knowledge-sharing platform for developers.
Go to tech.io
codingame x discord
Join the CodinGame community on Discord to chat about puzzle contributions, challenges, streams, blog articles - all that good stuff!
JOIN US ON DISCORD
Online Participants