19.11.2014 Views

Support de cours - Lita

Support de cours - Lita

Support de cours - Lita

SHOW MORE
SHOW LESS

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

Ainsi dans le document main.html on pourrait trouver le co<strong>de</strong> suivant :<br />

...<br />

<br />

...<br />

Retour à l’accueil<br />

...<br />

<br />

3 Passons à la pratique !<br />

Nous savons comment se construit un document Html <strong>de</strong> base, et nous savons<br />

décrire une page en lui ajoutant <strong>de</strong>s méta-données. Il ne reste plus qu’à apprendre à<br />

décrire le contenu d’un document Html.<br />

Nous allons introduire quelques éléments un peu plus évolués que les balises p et<br />

q déjà exposées, sans oublier <strong>de</strong> respecter les règles évoquées (ouverture/fermeture,<br />

imbrication, syntaxe <strong>de</strong>s attributs).<br />

3.1 Les listes<br />

Il est possible <strong>de</strong> distinguer trois types <strong>de</strong> listes : les listes ordonnées (p. ex. numérotées),<br />

les listes non-ordonnées (p. ex. énumération) et les listes <strong>de</strong> définition (p. ex. un<br />

dictionnaire).<br />

Listes ordonnées La liste est délimitée par les balises ol (or<strong>de</strong>red list), et les éléments<br />

<strong>de</strong> la liste sont eux-même délimités par les balises li (list item).<br />

Être un gentil étudiant s’apprend:<br />

<br />

<br />

Se mettre en rang par <strong>de</strong>ux en se donnant la main.<br />

Mettre le doigt sur la bouche et faire silence.<br />

Rentrer dans la salle lorsque l’enseignant l’ordonne.<br />

Ce qui pourrait donner le résultat suivant.<br />

Être un gentil étudiant s’apprend :<br />

1. Se mettre en rang par <strong>de</strong>ux en se donnant la main.<br />

2. Mettre le doigt sur la bouche et faire silence.<br />

3. Rentrer dans la salle lorsque l’enseignant l’ordonne.<br />

Listes non ordonnées La liste est délimitée par les balises ul (unor<strong>de</strong>red list), et les<br />

éléments <strong>de</strong> la liste sont eux-même délimités par les balises li (list item).<br />

Être un gentil étudiant s’apprend:<br />

<br />

Se mettre en rang par <strong>de</strong>ux en se donnant la main.<br />

Mettre le doigt sur la bouche et faire silence.<br />

Rentrer dans la salle lorsque l’enseignant l’ordonne.<br />

11

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!