# TP HTML > Vous validerez *toutes* vos pages avec le service de [validation](http://validator.w3.org/) du W3C. > La [référence](https://developer.mozilla.org/fr/docs/Web/HTML/Element) des éléments HTML (Mozilla Developer Network). > Une [aide](./aide.md) pour le tp. > Une [correction](./correction) du tp. ## Correction de la syntaxe, et validation ### Exercice 0 Corrigez le code HTML suivant en utilisant le validateur du W3C : ```html
HTML5 est vraiment super !
Tongue-tied: :‑& Broken heart: <\3 Rose: @}->-- Fish: ><(((*> Eastern Eastern emoticons generally are not rotated sideways. They first arose in Japan, where they are referred to as kaomoji. Troubled: (>_<) Sad: ("_") Cat: (=^·^=) Headphones: ((d[-_-]b)) ``` ## Listes ### Exercice 3 Écrivez une page contenant une liste de liens vers vos sites préférés (quatre ou cinq), avec le nom du site et une brève description de ce que l'on peut y trouver. Cette liste sera mise en forme à l'aide : - D'une liste numéroté (balise ol) - D'une liste non numéroté (balise ul) - D'une liste de définition (balise dl) Chaque lien devra s'ouvrir dans un autre onglet. Configurez votre navigateur pour que l'affichage utilise l'encodage Unicode (UTF-8). Votre page ne doit pas être affectée. Si elle l'est, corrigez-la. ## Tableaux ### Exercice 4 Écrivez une page qui structure sous forme d'une table html le contenu du fichier csv suivant : ```csv Orbites des planètes du Système solaire Planète;Distance moyenne (UA);Exentricité ;Inclinaison (°);Période de révolution (an) Venus;0,72333199;0,007;3,4;0,615 Jupiter;5,20336301;0,049;1,3;11,862 Mars;1,52366231;0,094;1,9;1,881 Saturne;9,6;0,057;2,5;29,452 Mercure;0,38709893;0,205;7;0,241 Neptune;4495,1;1,8;28,3;59,8 Terre;1;0,017;0;1 Uranus;2872,5;0,8;97,8;30,589 ``` Vous rajouterez une colonne avec une "image" de chaque planète.  >Vous trouverez les images sur http://upload.wikimedia.org >Utilisez avantageusement les possiblités de formatages de votre éditeur de texte, ou > la commande `sed` pour transformer le csv en html ou encore ce [programme](./src/csv2html.c) C. ## Images ### Exercice 5 Voici une image représentant les couches utilisées dans le développement WEB.
usemap="#planetmap">
>
> ```
> - Vous pouvez facilement (graphiquement) générer une map avec Gimp (filtre->Web->Image cliquable)
## Bonus
### Exercice 6
Ecrire un script shell qui permet de formater le contenu d'un repertoire en html, sous forme d'une table indiquant pour chaque entrée, le nom, les droits, la taille et la date de dernier accès correspondants. La commande
```bash
./dir2html.sh dir dir.html
```
produira le fichier `dir.html` contenant les entrées du répertoire `dir`, avec le rendu suivant :

>**Aides**
>- Comment faire pour écrire dans un fichier depuis un script bash ?
>- Pour récupèrer la liste des entrées en bash :
> ```bash
> l=$(ls dir)
> ```
>- Pour itérer les éléments d'une liste en bash :
> ```bash
> for i in $l;
> do
> ...
> done
> ```
>- Pour obtenir et formater les informations sur chaque entrée, vous pouvez utiliser la commande `stat`, en adaptant
> sa sortie à vos besoins.
>- Les icones de fichier  et de répertoire  se trouvent dans le répertoire [img](./img).
>