« Programmation objet et géométrie/Rappels sur html » : différence entre les versions

Contenu supprimé Contenu ajouté
Aucun résumé des modifications
Ligne 216 :
===Listes numérotées===
 
Une liste numérotée est ''ordered'' puisque les numéros se suivent; la balise qui la délimite est donc ''ol'' au lieu de ''ul''. On peut donc en fabriquer avec JavaScript, sous forme d'une chaîne de caractères comprenant les balises ''ol'' et ''li'' (ne pas oublier de les refermer après usage!). Par exemple, pour calculer 10 termes successifs de la [[w:Nombre de Fibonacci|suite de Fibonacci]], on peut les placer dans une liste ordonnée, les éléments ''li'' étant ajoutés par JavaScript dans une boucle sur ''n'':
 
<source lang="html5">
</source>
 
===Tableaux===
 
====Tableau====
 
La balise qui délimite un tableau est ''table'' mais on peut ajouter à l'intérieur de celle-ci des propriétés comme la couleur ou l'épaisseur du bord du tableau.
 
====Lignes====
 
Le tableau est décomposé en lignes placées chacune dans une balise ''tr'' (comme ''table row'' ou ''tableau --> rangée''). Chaque rangée peut être affublée de sa propre couleur, en ajoutant celle-ci dans la définition même de la balise.
 
====Cellules====
 
Enfin chaque rangée contient des cellules délimitées par la balise ''td'' (''table data'') qui elle aussi peut être munie de son propre style. Par exemple pour écrire dans des cellules bleues placées dans des lignes vertes d'un tableau rouge, on peut faire ceci:
 
<source lang="html5">
<body>
<table bgcolor="red">
<tr bgcolor="green">
<td bgcolor="blue">oui</td>
<td bgcolor="blue">non</td>
</tr>
</table>
</body>
</source>
 
On remarque que la couleur verte est invisible, les cellules cachant la rangée.