Partie HTML Correction Exo 2 TD5 : Les tableaux

Transcription

Partie HTML Correction Exo 2 TD5 : Les tableaux
TD Informatique Semestre 2 : Réseaux - HTML
Université Stendhal, Grenoble III
Partie HTML
Correction Exo 2 TD5 : Les tableaux
1.
Enoncé _________________________________________________________ 1
2.
Code HTML _____________________________________________________ 2
3.
Visualisation de la page dans un navigateur____________________________ 5
1. Enoncé
Vous allez créer une page, appelée Tableaux.html, qui fera apparaître plusieurs tableaux.
La page comprendra 2 parties. Il est conseillé d’aller vérifier dans le navigateur votre travail
entre chaque partie. Pour cela, enregistrez votre fichier et réactualiser la page dans le navigateur.
Description de la page à créer :
•
•
Le fond de la page sera de la couleur "palegoldenrod" et le texte sera "marroon".
Le titre de la page sera : LES TABLEAUX
ère
1
•
•
•
partie :
un titre de niveau 1, centré : TABLEAU SIMPLE
Vous réaliserez le tableau dont la description en HTML est donnée ci-dessus. Ce tableau sera
centré.
Une ligne séparatrice
ème
2
partie :
•
un titre de niveau 1, centré : TABLEAUX PLUS COMPLEXES
•
Vous réaliserez un tableau, centré, similaire au tableau ci-dessous :
Cellule 1
Cellule 2
Cellule 3
Cellule 4
Cellule fusionnée sur 4 colonnes
Cellule 6
Cellule 7
Cellule 8
Cellule 9
•
Une ligne séparatrice de 200 pixels de large
•
Vous réaliserez un tableau, centré, similaire au tableau ci-dessous :
Page 1 sur 6
TD Informatique Semestre 2 : Réseaux - HTML
Université Stendhal, Grenoble III
Cellule 2
Cellule 1
Fusion
de
2
lignes
Cellule 4
Cellule 3
•
Une ligne séparatrice de 200 pixels de large
•
Vous réaliserez un tableau, centré, similaire au tableau ci-dessous :
TITRE 1
Une petite image choisie sur le
site de Stendhal
Cellule 1
TITRE 2
Cellule 2
Cellule 3
Une petite image choisie sur le site de
Stendhal
2. Code HTML
Page 2 sur 6
Cellule 4
Cellule 5
TD Informatique Semestre 2 : Réseaux - HTML
Page 3 sur 6
Université Stendhal, Grenoble III
TD Informatique Semestre 2 : Réseaux - HTML
Page 4 sur 6
Université Stendhal, Grenoble III
TD Informatique Semestre 2 : Réseaux - HTML
Université Stendhal, Grenoble III
3. Visualisation de la page dans un navigateur
Page 5 sur 6
TD Informatique Semestre 2 : Réseaux - HTML
Page 6 sur 6
Université Stendhal, Grenoble III