Exercice

Données

Soit les informations suivantes relatives à l'histoire de l'informatique :

  • - 3000 Octogone de Fuxi : Il contient les huit premiers nombres représentés sous forme binaire par des traits.

  • -1750 Code d'Hammourabi : Le roi de Babylone a fait graver une stèle composée d'un ensemble de sentences royales sous une forme de type « si alors ».

  • -330 Logique : La logique est définie par le philosophe grec Aristote.

Question

Proposez un fichier HTML permettant d'intégrer ces informations, en utilisant uniquement des éléments div et span dans le body.

Question

Proposez une feuille de style CSS permettant l'affichage suivant.

  • La couleur par défaut est gray.

  • Chaque événement comporte :

    • une bordure à gauche (border-left) grise de 2 pixels (solid gray 2px),

    • un décalage à gauche par rapport à cette bordure (padding-left) de la moitié de la taille de la police (0.5em),

    • une marge sous le bloc (margin-bottom) de la moitié de la taille de la police.

  • Les dates sont en gras.

  • Les titre sont en noir.

  • Les description sont en italique.

Indice

1
color: gray
2
margin-bottom: 0.5em
3
padding-left: 0.5em
4
border-left: solid gray 2px
5
font-weight: bold
6
font-style: italic