TP 3 - HTML

Retour à la page de l'UE

Vous avez un peu touché au HTML dans le TP précédent, en créant des pages basiques. Nous allons aujourd'hui nous y mettre plus sérieusement.

Préambule : vous connecter de votre machine

Utilisez ce guide pour faire en sorte de vous connecter, à partir de votre machine personnelle, à sesame-mips. Assurez-vous que vous pouvez accéder à vos fichiers en SSH (avec PuTTY sous Windows ou Terminal sous Mac) et en SFTP (avec WinSCP sous Windows ou Cyberduck sous Mac).

Exercice 1 : votre page personnelle

Question 1.1. Reprenez le TP 2, et faites l'exercice 2 *en entier*. La question 2.4 est à rendre.

Exercice 2 : tableaux

Question 2.1. Ajoutez une nouvelle section avant votre section "Contact" appellée "Mon emploi du temps" et structurée de la même manière que les autres.
Question 2.2. Créez un tableau HTML qui reproduira de la manière la plus proche possible le tableau montré dans cette capture d'écran. Par défaut, le tour des cellules n'est pas affiché. Pour y remédier, ajoutez dans votre head une balise style qui contiendra le code CSS suivant :

table, td, th { border: 1px solid gray }

Il y a beaucoup de cellules, donc utilisez du copier/coller pour aller vite !

Utilisez le validateur du W3C sur https://validator.w3.org/ pour valider votre page. Choisissez "HTML5 (experimental)" dans "More options".

Question 2.3. Corrigez votre page jusqu'à ce que vous n'ayez plus d'erreurs et que votre document soit valide HTML 5 !

Pour aller plus loin...

Vous avez fini ? Faites des recherches sur internet pour essayer de comprendre CSS. Vous pouvez par exemple utiliser ce tutoriel. Utilisez du CSS pour embellir votre page personnelle !

Valid XHTML 1.1