Les balises de bases - XwZ

Dans ce tutorial on va voir comment on fait pour mettre en forme un texte en fonction des informations ce trouvant dans ce dernier.
1/ Pour les retours à la ligne il faut utiliser la balise <br />. Son utilisation est simple, il suffit de la mettre là où l'on veut que le texte aille à la ligne.

2/ Pour faire des paragraphes il faut utiliser les balises <p> et </p>.
La structure :

<p>
    Là on met le contenue du paragraphe
</p>

3/ Pour mettre un titre à un paragraphe ou à une page il faut utiliser les balises <h1>, <h2>, <h3> et <h4>
La structure est la même que se soit pour h1, h2, h3 ou h4 :

<h1>Le titre</h1>

4/ Pour faire ressortir du texte, c'est à dire appuyer une partie d'un texte. Il faut utiliser la balise <strong> ou la balise <em>.
La structure :

<strong>le texte à mettre en évidence</strong>
<em>Autre texte</em>

5/ Pour mettre la signification d'une abréviation il faut utiliser la balise <abbr>.
La structure :

<abbr title="la signification" lang="la langue mère">l'abréviation</abbr>

6/ Pour créer une liste il faut utiliser des couples de balise. Soit les balises <ul> et <li> soit <ol> et <li>.
La structure est la même pour les deux couples, la seule différence est la manière de lister c'est à dire qu'il y a un couple pour lister point par point et un autre pour lister numériquement.
La structure (ici ça sera point par point) :

<ul>
    <li>Point 1</li>
    <li>Point 2</li>
    <li>Point 5</li>
</ul>

7/ Pour lister des mots ou expressions avec une description (utilise pour les dictionnaires ou catalogues), il faut utiliser les balises : <dl>, <dt> et <dd>.
La structure :

<dl>
    <dt>mot ou expression 1</dt>
        <dd>description 1</dd>
    
    <dt>mot ou expression 2</dt>
        <dd>description 2</dd>
    
    <dt>mot ou expression 3</dt>
        <dd>description 3</dd>
</dl>

Remarque :
Toutes ces balises peuvent utiliser les classes CSS et s'utilisent comme avec la balise span.

Les images >>

<< Le texte

Les balises de bases - XwZ

Les commentaires :