par
Cyrano » 15 avr. 2006, 23:12
À propos des éléments de bloc:
Il y a en html deux types : les éléments de bloc et les éléments en ligne :
- Les blocs, ce sont par exemple : <div>, <hn> (n = 1 à 6), <p>, <ul>, et encore quelques autres;
- Les éléments en ligne, ce sont par exemple : <span>, <a>, <img>
Lorsqu'on utilise un élément en ligne, ce qui est ajouté par la suite va se mettre à la suite sans revenir à la ligne lors de l'affichage. Un élément de bloc en revanche va forcer un retour de ligne à l'affichage :
Ainsi, deux <p></p> successifs s'afficheront l'un en dessous de l'autre. Mais deux éléments <span> peuvent être à l'intérieur d'un paragraphe et ne changeront pas la disposition des éléments.
On peut donner des dimensions à un bloc. Pour un élément en ligne, il faut le transformer en bloc pour pouvoir le faire : on fait ça avec display: block. De même qu'on peut tranformer un élément de bloc en élément en ligne avec la même propriété : display: inline
À propos des éléments de bloc:
Il y a en html deux types : les éléments de bloc et les éléments en ligne :
- Les blocs, ce sont par exemple : <div>, <hn> (n = 1 à 6), <p>, <ul>, et encore quelques autres;
- Les éléments en ligne, ce sont par exemple : <span>, <a>, <img>
Lorsqu'on utilise un élément en ligne, ce qui est ajouté par la suite va se mettre à la suite sans revenir à la ligne lors de l'affichage. Un élément de bloc en revanche va forcer un retour de ligne à l'affichage :
Ainsi, deux <p></p> successifs s'afficheront l'un en dessous de l'autre. Mais deux éléments <span> peuvent être à l'intérieur d'un paragraphe et ne changeront pas la disposition des éléments.
On peut donner des dimensions à un bloc. Pour un élément en ligne, il faut le transformer en bloc pour pouvoir le faire : on fait ça avec [b]display: block[/b]. De même qu'on peut tranformer un élément de bloc en élément en ligne avec la même propriété : [b]display: inline[/b]