header du tutoriel sur les éléments bloc

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

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

Voici la liste de ces élements: ADDRESS BLOCKQUOTE DIV DL FIELDSET FORM H1 H2 H3 H4 H5 H6 HR NOSCRIPT OL P PRE TABLE UL.

Pour l’exemple j’ai utilisé les balises Html de type bloc les plus communes, et appliqué une couleur de fond aux différents éléments.

code block

rendu block

Nous constatons que les éléments de type block sont positionnés les uns en dessous des autres en respectant l’ordre du document Html.

Les éléments de type bloc prennent toute la largeur de leur conteneur.

code html

rendu navigateur

Il est possible de définir une hauteur et une largeur aux éléments de type bloc à l’aide des propriétés width et height.

code html

rendu navigateur

Les balises de type bloc peuvent contenir des balises de type en-ligne, mais également d’autres balises de type bloc.

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

Rodleg

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

  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