Feuilles de style
<SPAN> et <DIV>
HomeUpDown

Utilité

Dernier point, il fallait penser à un système pour "déconnecter" certains morceaux de paragraphe ou plusieurs paragraphes de cette logique d'écriture avec des feuilles de style. Ce sont respectivement les balises SPAN et DIV qui créaient ainsi des petits blocs particuliers dans le document sans devoir repasser par les éléments structurels du Html classique.

Notons que SPAN et DIV s'utilisent toujours avec les classes et les ID.


 

SPAN

La balise <SPAN> ... </SPAN> permet d'appliquer des styles à des éléments de texte d'un paragraphe ou si vous préférez à un morceau de paragraphe. Ainsi je voudrais écrire :

    Un monde de géants.

    <HTML>
    <HEAD>
    <STYLE type="text/css">
    .element{font-size: x-large; color: navy}
    </STYLE>
    </HEAD>
    <BODY>
    <P>Un monde de <SPAN class=element>géants</SPAN>.</P>
    </BODY>
    </HTML>


 

DIV

La balise <DIV> ... </DIV> permet de regrouper plusieurs paragraphes ou si vous préférez, de délimiter une zone comportant plusieurs paragraphes.

    <HTML>
    <HEAD>
    <STYLE type="text/css">
    .zone{font-size: x-small}
    </STYLE>
    </HEAD>
    <BODY>
    La balise <DIV>
    <DIV class=zone>
    <P>Commentaire :</P>
    <P>N'oubliez pas l'attribut class!</P>
    </DIV>
    </BODY>
    </HTML>

Donne comme résultat :

    La balise <DIV>

    Commentaire :

    N'oubliez pas l'attribut class!

HomeDown