Utilisation de XHTML et des CSS
Les différents types de balise
Les balises HTML ont une structure particulière. En fait, il existe deux grands groupes principaux de balises : les balises de type "bloc" et les balises de type "en-ligne" (ou "inline").
Les balises de type bloc
Les éléments "bloc" servent à distinguer les parties entières de texte, comme des titres, des paragraphes, des listes, des citations, etc.
les "blocs" se placent toujours l'un en dessous de l'autre par défaut (comme un retour chariot). Par exemple: une suite de paragraphes (balise p) ou les éléments d'une liste (balise li).
Les balises de "bloc" ont une structure qui leur permet de bénéficier de dimensions (hauteur, largeur, profondeur), de contenir d'autres éléments dimensionnés, de posséder des marges internes (padding) et externes (margin) mais également, et surtout, d'être positionnés, c'est à dire de contribuer à la mise en page du document.
Voici quelques balises de type bloc : h1, h2, h3, p, ul, ol, table, ...
Les balises de type "en ligne"
Les balises, ou éléments, "en-ligne" sont également appelées "balises internes" car leur but est de donner du sens à des parties de texte ou de bloc, tout en restant dans le texte. C'est le cas par exemple des éléments de renforcement (gras pour les navigateurs graphiques), et les éléments d'emphase (italique).
Les balises en-ligne sont faites pour rester au sein du texte pour l'enrichir et lui apporter du sens. Il n'est pas prévu qu'elles puissent se positionner sur la page (même si cela est possible), ni de leur donner des dimensions (hauteur, largeur, profondeur), leur taille va être déterminée par le texte ou l'élément qu'elles contiennent.
Voici quelques balises de type "en ligne" : a, em, li, br, input ...