Back
Close

Exercices HTML

profThiernesse
2,680 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
Villes de Belgique
Liège
Liège est une ville francophone de l'est de la Belgique. Elle est le chef-lieu de la province de Liège et la capitale économique de la Wallonie. De 972 à 1795, elle fut la capitale de la Principauté de Liège.
Topographie
La ville se situe au carrefour de trois zones géographiques naturelles : au nord, la Hesbaye (160 à 200 m), une des principales zones agricoles de Belgique ; à l’est, le Pays de Herve (200 à 320 m), un paysage plus vallonné et arboré, grande région fruitière ; au sud, les plateaux du Condroz (200 à 280 m), portes de l’Ardenne où dominent landes et forêts et, du haut de ses 694 m, le point de plus haute altitude en Belgique, le signal de Botrange. Le sous-sol est caractérisé par la présence de la Faille du midi, ligne de fracture encore sismiquement active, qui explique le risque sismique et notamment le tremblement de terre de Liège du 8 novembre 19833, dont les dégâts ont été estimés à 73 500 000 € bien que la magnitude du séisme ait été modérée (magnitude Ml=5.0).
Le territoire de la ville est formé pour une partie importante des plaines alluviales de la Meuse, fleuve qui déroule ses méandres sur 950 km depuis le plateau de Langres en France jusqu'aux Pays-Bas où il se lie au Rhin pour se jeter dans la mer du Nord, ainsi que des plaines de deux de ses affluents, l’Ourthe et la Vesdre.
La superficie de la Ville de Liège est de 6 939 hectares (94e rang des communes de Belgique) occupée à 28 % par des zones urbanisées (habitat divers, commerces, bureaux…), à 22 % par des zones non cadastrées (cours d’eau et voiries publiques), à 21 % par des zones boisées, à 11 % par des zones agricoles et à 5 % par des zones industrielles.
Hydrographie
La Meuse traverse Liège suivant une direction générale sud-ouest/nord-est, sur une longueur de quelque 12 km entièrement canalisée. Au niveau de la vieille ville, la plaine alluviale du fleuve reste étroite (largeur moyenne de 1,3 km). La ville est également traversée par l'Ourthe et par la Vesdre, qui arrivent du sud-est, et par la Légia à l'ouest, aujourd'hui entièrement souterraine.
Outre ces fleuves et rivières, la ville comporte plusieurs canaux : le canal Albert, inauguré en 1939 et porté, en 1997, à 9 000 tonnes=, qui permet de rejoindre l'estuaire de l'Escaut en partant de l'île Monsin ; la Dérivation qui remplace plusieurs bras de la Meuse et de l'Ourthe pour favoriser la navigation et réduire les inondations ; et le canal de l'Ourthe, vestige d'un projet de canal entre la Meuse et la Moselle.
Autrefois, la Meuse et l'Ourthe se divisaient en de nombreux bras qui émaillaient la cité, mais ils furent progressivement comblés et devinrent notamment l'avenue Blonden, les boulevards d'Avroy, Piercot et de la Sauvenière, les rues de l'Université et de la Régence pour la rive gauche de la Meuse, les boulevards Saucy et de la Constitution en Outremeuse ainsi que les boulevards de Douai, de Froidmont, Frankignoul, Raymond Poincaré et Émile de Laveleye pour la rive droite.
Le creusement de la Dérivation et la rectification du cours de la Meuse le long du boulevard Frère-Orban au cours du XIXe siècle ont fixé l'actuel aspect hydrographique de la ville.
La ville a été marquée par de nombreuses inondations dont les plus importantes sont celles de 1571, 1647, 1740, 1850, 1880 et 1926.
On retrouve le perron liégeois sur le blason de la ville, mais aussi sur celui de la province de Liège, celui de la principauté de Liège ou encore sur de nombreux logotypes représentant les institutions liégeoises.
En 2007, la ville de Liège s'est dotée d'un logo pour remplacer les armoiries sur ses courriers, outils de communication, véhicules et drapeaux. Ce dernier, censé représenter les différents atouts logistiques, évoque le perron.
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
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