Attention : quand vous faites un Ctrl-V (coller) dans mon HTML Instant, l'iframe n'est pas mis à jour. Rajoutez un caractère (par exemple, tapez un espace) pour que l'iframe soit mis à jour.

Attention : si vous travaillez uniquement dans le HTML Instant, vous allez finir par perdre votre code HTML (parce vous allez faire un F5 - actualiser - sans faire exprès). Copier/coller régulièrement votre code dans la réponse TP ou dans un fichier texte.

Pour cette interro, vous devez donner les codes HTML et CSS qui affichent la page suivante. Quelques indications :

• Les codes HTML validés par le W3C auront de meilleures notes.
• L'image de l'avatar est à remplacer par votre portrait dans le trombinoscope sur mon site. Tanguy Cordier, t'as pas de chance sur ce coup-là... Faudra que tu m'envoies une photo à l'occasion, pour que je la rajoute dans le trombinoscope.
• L'URL de l'arrière-plan est :
  https://static.vecteezy.com/system/resources/previews/000/139/911/non_2x/vector-grey-gradient-abstract-background.jpg
• L'image du panda se trouve, dans mon htmlinstant, à l'adresse suivante :
  images/panda.jpg
  (ou l'adresse absolue pour ceux qui ne travaillent pas dons mon htmlinstant : http://www.bts-sio.com/cours/Terminale%20STMG%20SIG/cours%20HTML/images/panda.jpg)
• Les propriétés CSS que j'ai utilisées ici sont : background-image, background-size, margin, border-radius, background-color:rbga(...), font-weight, color, text-decoration, text-align et vertical-align.