Formater un texte en html / Css

Ce premier exercice vise la prise en main du codage en html et css d’un texte simple.

1/2 | Suivant

Sur base d’un texte fourni, il vous est demandé de produire un document html5 valide dans lesquels les contenus sont balisés sémantiquement. Ce document sera ensuite habillé avec des déclarations css pour en faire une page agréable à lire, avec une typographie choisie.

Etapes

La première étape sera d’identifier sémantiquement les différentes parties du texte : article, aside, titre, auteur, date, paragraphes, images, informations complémentaires, etc.

Des liens sont présents dans la page, qui doivent être placés dans des tags a.

Il s’agira ensuite de placer plusieurs images, dans un tag "figure" avec sa légende dans un tag "caption", une citation qui doit être placée dans un bloc "blockquote".

Enfin, il vous est demandé de trouver une image à placer en tête de l’article. On la choisira grande.

Durée de l’exercice

Le tout prendra deux séances de cours.