Leçon 4 : Mises en forme particulières :

les TABLEAUX

I - Introduction

HTML permet la mise en forme automatiquede tableaux. Un tableau peut être précédé ou suivi d'un titre.Il est composé de lignes contenant des cellules qui peuvent s'étendresur plusieurs colonnes et plusieurs lignes. Ces cellules peuventêtre jointes ou disjointes par un espace à préciser. Le tableau peut comporter des lignes d'entêtes de colonne et descolonnes d'entêtes de ligne:

II - Les marqueurs

Voici les marqueurs disponibles :

<table>............</table> pour tout le tableau

attributs :
align= center / left / rigth: cadrage du tableau horizontalement dans la page
border= (en pixels): fixe l'épaisseur des traits de bordure
remarque: dans les petits tableaux, l'absence de trait facilite parfois la lecture
cell padding=(en pixels): taille de l'espace entre le contenu et le bord d'une cellule
cell spacing=(en pixels): taille de l'espace entre les colonnes
width=(en pixels ou en % de l'espace inter-marge à l'affichage): largeur du tableau

Exemple 1 : (Développez un autre exemple)

Tableau 1
	colonne 1	Colonne 2
ligne 1
ligne 2
ligne 3

<caption>....</caption> pour le libellé d'un titre

attribut :

align=

top (par defaut) / bottom : fixe la position du titre par rapport au tableau
<tr> .......</tr> .............................pour déclarer une ligne
<th> .......</th>;............................pour déclarer un cellule entête

<td> ........</td> ..........................pour déclarer une cellule de données

attributs :

pour <tr>, <th>,<td> :
align=center / left / rigth
pour le cadrage horizontal de la donnée dans la cellule.
Par défaut
- - pour <th>, align= center et souvent caractères en gras
- - pour <td>, align=left
valign=top / middle / bottom

pour le cadrage vertical de la donnée dans la cellule : haut / milieu / bas

bgcolor=valeurs, vues plus tard

pour colorer une ligne ou une cellule

attributs pour <th>

rowspan=: nombre de lignes sur lesquelles s'étend la cellule
colspan=: nombre de colonnes sur lesquelles s'étend la cellule

Exemple 2 :

colonne 1

colonne 2

cas 1

ligne 1

texte 1 1

texte 2 1

ligne 2

texte 2 1

texte 2 2

cas 2

ligne 3

texte 3 1

aaaa	cccc
bbbb	dddd

ligne 4

texte 4 1

tableau 2

Illustrez cette leçon avec des exemples supplémentaires.
Développez des exemples utilisant les tableaux et présentant les divers marqueurs de HTML ou les diverses fonctions HOTDOG avec leurs commandes et les menus d'apparitions de celles-ci.

EXOS : Autre exemple

Exemples 3:

Types de marqueurs	Marqueurs	Fonctions
Les Divers marqueurs HTML:
LES COMMANDES DE STRUCTURES :	< HTML > < /HTML >	Tout document HTML commence par < HTML > et se termine par < /HTML > , qui doit être la dernière ligne de source.
	< HEAD > < /HEAD >	Ce qui est compris entre ces deux commandes est le titre du document et d'autres informations, comme les liens avec d'autres fichiers, des commentaires, etc...
	< TITLE > < /TITLE >	Titre du document. Le texte placé entre ces commandes apparait dans le titre de la fenêtre dans laquelle s'affiche la page.
	< BODY > < /BODY >	Corps de la page HTML. Tout ce qui s'affichera dans la fenêtre du lecteur WEB est entouré par ces deux commandes.
LES COMMANDES DE FORMATAGE DE PARAGRAPHES :	< ADDRESS > < /ADDRESS >	Indique le texte compris e'ntre ces deux commandes est une adresse E-Mail.
	< BR >	Insère un retour-chariot dans le texte.
	< HR >	Insère une ligne grise (ou noire selon le lecteur) horizontale sur toute la largeure de la fenêtre.
	< P >	Insère une ligne blanche à l'endroit où est placé la commande. Cette commande est à utiliser pour former les paragraphes dans le texte.
	< PRE > < /PRE >	Tout le texte entre ces commandes est considéré comme devant être affiché en respectant le préformatage, c'est à dire en tenant compte des tabulations, espaces et des retour-chariots.
LES LISTES :	< UL > < /UL >	Liste normal : Chaque élément de la liste est présenté avec un retrait à gauche, et ( en fonction du lecteur WEB ) une puce . devant son texte.(-La commande < LI > doit être présente devant chaque élément de la liste.)
	< OL >	Liste numérotée :-Un numero s'affiche devant chaque élément à la place de la puce.(-La commande < LI > doit être présente devant chaque élément de la liste.)
	< DL > < /DL >	Definition-List, indique que ce qui suit est une liste de définition.
	< DT >	Definition-Term : Le mot ou texte de la définition.
	< DD >	Definition-Definition : Le texte de la définition du terme qui précède.
LES COMMANDES TYPOGRAPHIQUES :	< B > < /B >	Met en gras
	< BLINK > < /BLINK >	clignotant attribut Netscape
	< I > < /I >	Met en italique
	< U > < /U >	souligne
	< SUB > < /SUB >	Indice
	< STRIKE > < /STRIKE >	barré
	< BIG > < /BIG >	Pour mettre des caractères élargis
	<SMALL > < /SMALL >	Pour mettre des caractères en petites tailles.