Travaux dirigés

I Les liens

I.1. Lien externe

Créer une page HTML "basique" comportant un paragraphe contenant un lien externe

Retour au cours

I.2 Liens relatifs et listes

Créer une structure de répertoires en arbre à deux branches :

Créer, pour chaque fichier, une liste non ordonnée de liens relatifs vers chacun des autres fichiers.

Créer une liste non ordonnée imbriquée dans une liste numérotée imbriquée dans une liste non ordonnée.

Retour au cours

II. Tableaux

II.1 Manipulation de cellules en long, en large et... non, pas en travers

Reconstituer le tableau suivant :

On n'essaiera pas de tout faire à la fois !

1. Déclarer un tableau de largeur 90% de la largeur de la fenêtre, aligné au centre, avec une bordure de 1
2. Déclarer un entête au tableau (balise <thead>), constitué d'une ligne de trois colonnes de type header
3. Déclarer un <tbody>
4. Déclarer une première ligne constituée de trois cellules simples
5. Déclarer la deuxième ligne constituée de deux colonnes assemblées, et d'une troisième colonne
6. Aligner le texte à droite dans la première cellule de la ligne
7. Déclarer une troisième "ligne" constituée de deux cellules simples, et d'une cellule assemblant deux lignes
8. Aligner le texte en bas dans la dernière colonne
9. Déclarer une quatrième ligne constituée de deux cellules simples (expérimenter ce qui se passe en déclarant une cellule de moins, ou une cellule de plus ; interpréter)
10. Déclarer une cinquième ligne constituée d'une cellule simple et d'une cellule regroupant deux colonnes et deux lignes
11. Aligner le texte au centre et en haut dans la dernière cellule
12. Compléter le tableau par une dernière ligne. Combien faut-il de cellules ?

Essayer sur le tableau précédent les effets des balises et attributs vus en cours.

Retour au cours