code html pour les éléments de type inline

Tuto Html et Css: Les éléments de type inline

Les éléments en ligne ou inline sont des éléments Html qui par défaut ont la propriété Css display: inline;

Voici la liste de ces élements: A ABBR ACRONYM B BDO BIG BR CITE CODE DFN EM I IMG INPUT KBD LABEL Q SAMP SELECT SMALL SPAN STRONG SUB SUP TEXTAREA TT VAR.

Pour l’exemple j’ai utilisé les balises Html de type en ligne les plus communes, et appliqué une couleur de fond aux différents éléments (bleu = block, orange = inline)

La première chose que nous constatons est que les éléments de type inline se placent les uns à la suite des autres, sur la même ligne, dans l’ordre du document Html.

Par défaut, la taille de l’élément est défini par son contenu, par exemple avec les balises strong ou em du texte.

Les éléments de type en ligne doivent être placés à l’intérieur d’un élément de type bloc comme un paragraphe par exemple.

Il est possible de placer un élément de type en-ligne à l’intérieur d’un autre élément de type en-ligne.

Attention il n’est pas possible de mettre un élément de type block à l’intérieur d’un élément de type inline

 

 

Cliquez ici pour voir le tutoriel sur Les éléments de type block.

Rodleg

Une réflexion au sujet de « Tuto Html et Css: Les éléments de type inline »

  1. Ping : De nouveaux tutoriels sur le site: Html et Css | Rod-Leg

Laisser un commentaire

Entrez vos coordonnées ci-dessous ou cliquez sur une icône pour vous connecter:

Logo WordPress.com

Vous commentez à l'aide de votre compte WordPress.com. Déconnexion / Changer )

Image Twitter

Vous commentez à l'aide de votre compte Twitter. Déconnexion / Changer )

Photo Facebook

Vous commentez à l'aide de votre compte Facebook. Déconnexion / Changer )

Photo Google+

Vous commentez à l'aide de votre compte Google+. Déconnexion / Changer )

Connexion à %s