TD 02

Un peu de lecture

Sur le site de w3schools, lire la partie relative au tableau.

Ajout de quelques éléments HTML

• Ajoutez en dessous du sous-titre approprié un tableau qui présente les diverses balises relatives au tableau et leur signification.
• A la fin, ajouter un lien vers une page montrant le code de votre solution.
  Attention : chercher comment faire pour mettre dans le HTML un caractère sans l'interpréter.
• Ajouter le logo de l'Université dans un pied de page (élément footer).
• Plus, si vous avez le temps :
  - centrer la page dans la fenêtre,
  - mettre un souligné sur les titre h2,
  - Rajouter un paragraphe avec des liens et essayer qu'au survol un souligné
    apparaisse, mais attention sans qu'on ait un effet de mouvement,
  - mettre le CSS dans le header,
  - valider votre fichier (HTML, CSS) avec le W3C Markup/CSS Validation Service
    (http://validator.w3.org, pas jigsaw...)

Le tableau, les différentes balises

Ma solution

Mise en place d'une feuille de style

Créer une feuille de style CSS et attachée là à ce document pour qu'il devienne un peu plus agréable à lire à l'écran. Vous devez notamment :

1. Limiter la largeur de la page web à 60% de la largeur de la fenêtre
2. Changer la police de caratères pour utiliser une police de la famille sans-serif
3. Modifier la taille des titres
4. Choisir deux couleurs pour les titres et une troisième pour les liens. Retirer le souligné et faire en sorte qu'au survol les liens deviennent gris.
5. Lire sur w3schools les propriétés relatives aux tableaux. Ajouter des bordures à votre tableau ainsi qu'une couleur sur les entêtes. En utilisant la propriété background-color, comment feriez-vous pour mettre un grisé une ligne sur deux dans votre tableau ?