Site de Jean-Michel RICHER

Maître de Conférences en Informatique à l'Université d'Angers

Ce site est en cours de reconstruction certains liens peuvent ne pas fonctionner ou certaines images peuvent ne pas s'afficher.


stacks
home  accueil cours counter_1   Réseau counter_2   (X)HTML counter_3   CSS counter_4   CSS Extra counter_4   Travaux pratiques counter_4   Sitographie

2. Développement Web - TP2

Résultat attendu :

Résultat TP2
listes.html

Notez que la police d'affichage
a été modifiée en Verdana

2.1. Titres et paragraphes

On désire créer une page avec des listes. Cette page sera nommée listes.html.

2.1.1. Entête (head)

Reprendre la page premiere.html, l'enregister sous listes.html et :

  • modifier le titre en listes
  • modifier la description en "les bourbons"
  • supprimer l'ensemble du contenu, c'est à dire ce qui se trouve dans body

2.1.2. Contenu (body)

Le contenu de la page sera composé :

  • d'un titre
  • et d'une liste de description (dl)

Le libellé du titre, de type h2, est "Les rois de France - Les Bourbons", puisqu'on va s'intéresser à la dynastie des Bourbons. On pourra notamment consulter ce site pour avoir quelques informations sur les cinq rois à considérer.

La liste de description contient pour la balise liée au terme (dt) l'année de naissance et l'année de décès, comme par exemple "1589 - 1610" pour Henri IV.

Pour ce qui est des données (dd) associées au terme, on fera figurer :

  • le nom du roi en gras
  • une image du roi, que l'on pourra trouver sur Wikipedia, attention on ne récupérera pas l'image mais on utilisera l'URL de Wikipedia
  • puis on créera une liste numérotée avec la liste des épouses par ordre chronologique, on n'indiquera que le nom de l'épouse

Une fois la page créée :

  • vérifier qu'elle est valide : http://validator.w3.org/
  • corriger votre page si celle-ci contient des erreurs
  • lorsqu'il n'y a plus d'erreur, la transférer vers le serveur web starwars