Bloc et en ligne ?

Deux types de balises

Les balises de type blocs (ou conteneur) servent à distinguer les parties entières de texte, comme des titres, des paragraphes, des listes, des citations, etc. Elles contribuent à la mise en page du document, se placent toujours l'une en dessous de l'autre (comme suivi d'un retour chariot).

Les balises de type en ligne (ou online, ou interne) sont prévues pour rester dans le texte, pour l’enrichir (lien hypertexte, emphase, renforcement, etc.), donner du sens à des parties de texte ou de bloc, tout en restant dans le texte. Se placent toujours les unes à côté des autres afin de rester dans le texte.

Différences

	Blocs	En lignes
Exemple	P, BODY, H1...H6, UL, OL, TABLE	STRONG, IMG, BR, INPUT, A, B...
Imbrications	Peut contenir : une (ou plusieurs) balise bloc une (ou plusieurs) balise en-ligne Attention aux exceptions (par exemple, une TABLE ne peut recevoir que des TH ou des CAPTION...)	Peut contenir : une (ou plusieurs) balise en-ligne JAMAIS de balise bloc! Exceptions aussi (pas de A dans un A...)
Taille et Positionnement	La structure leur permet de : bénéficier de dimensions (hauteur, largeur, profondeur), contenir d'autres éléments dimensionnés posséder des marges internes (padding) posséder des marges externes (margin) être positionnés X, Y, Z sur la page	Certaines balises inline, dites remplacées possèdent des dimensions (height, width) par défaut (IMG, INPUT, TEXTAREA, SELECT), mais la plupart ont des dimensions déterminées par ce qu'elles contiennent.
Marges	Possèdent des marges internes et externes non nulles (variables selon les navigateurs).	marges internes et externes inexistantes, de valeur nulle
Neutres	DIV est un bloc sans effet, et qui ne possède pas de marge par défaut	SPAN est un inline sans effet

Présentation

Supports de cours

Et aussi...

Bloc et en ligne ?

Deux types de balises

Différences