Introduction au Web, HTML / CSS, JS –

Partie 3
Objectif : apprendre les balises pour faire des tableaux et des listes dans une page web

Détails :

Aller sur codepen (lien ci-dessous) pour tester les balises suivantes.

* Faire un tableau : tester et comprendre le code suivant

<table>
<thead>
<tr>
<th colspan="2">L'entête du tableau</th>
</tr>
</thead>
<tbody>
<tr>
<td>Le corps du tableau</td>
<td>contient 2 colonnes</td>
</tr>
<tr>
<td>et ...</td>
<td>2 lignes !</td>
</tr>
</tbody>
</table>

Le tableau est-il visible ?

Changer la 1e ligne en <table border=1>

Voit-on mieux le tableau ?

Rajouter des lignes, des colonnes, fusionner des cellules, changer les couleurs de fond, de
bordure,...

Aller sur https://developer.mozilla.org/fr/docs/Web/HTML/Element/table pour voir plus d'infos

* Faire une liste : tester et comprendre le code suivant

<p>Apollo astronauts:<p/> <ul> <li>Neil Armstrong</li> <li>Alan Bean</li> <li>Peter

Conrad</li> <li>Edgar Mitchell</li> <li>Alan Shepard</li> </ul>

Remplacer <ul> et </ul> par <ol> et </ol>, qu'est-ce qui change ?

Changer <ol> par <ol type="A"> puis <ol type="i">

A quoi sert l'attribut type ?

Aller sur https://developer.mozilla.org/fr/docs/Web/HTML/Element/li pour voir plus d'infos