10 balises HTML pour mettre en forme un article.

Les balises HTML permettent de structurer un document html, mais peuvent aussi servir à la mise entre autre la mise en forme d’une pages ou d’un article internet.
Ces balises vont, pour la plupart par pairs, encadrant une contenu : <balise ouvrante> Texte </balise fermante> (avec quelques exceptions).
Pour vous aider à y voir plus clair, voici une liste de quelques balises avec leurs effets à utiliser sur votre blog ou votre site.  

  •  Les balises <p> et </p>

    cette balise permet de définir un paragraphe. A la suite d’un paragraphe, on a un retour à la ligne et saute une ligne.

    Exemple :

    <p> Mon premier paragraphe</p> 
    <p>Mon deuxième paragraphe</p> 

    ce qui donne :

    Mon premier paragraphe

    Mon deuxième paragraphe

  • la balise <br/>  permet d’aller à la ligne.
    Elle n’est faite que d’un seul élément. On peut également utiliser le caractère de saut de ligne &nbsp;

    Exemple :

    Mon texte <br/> La suite à la ligne

    donne :

    Mon texte
    La suite à la ligne

  • La balise <center> pour centrer : <center> Mon texte centré </center>

    Mon texte centré
  • La balise <strong> pour mettre en gras : <strong> gras </strong>. Equivalent à <b> gras </b>
    mon texte en gras

  • La balise <i> pour mentre en italique : <i> italique </i>

  • La balise <u> pour pour souligner : <u> souligner </u>

  • La balise <s> pour barrer : <s> barrer </s>

  • La balise pour faire une citation courte : <q> citation courte </q>

  • La balise <blockquote> pour une

    citation longue :
    <blockquote> citation longue : </blockquote>

  • la balise <hr/> pour tracer un trait de séparation (une seule balise) :


  • Les balises <hi> pour un titre de niveau i,avec i entier positif (<h1> <h2> <h3> etc )

    titre de niveau 1

    titre de niveau 2

    titre de niveau 3

    Etc.

  • Les balises <ul> et <li> pour une liste à puces :

    <ul>
    <li> premier élément de la liste </li>
    <li> second élément de la liste </li>
    <li> troisième élément de la liste </li>

    <ul/> fin de la liste Ce qui donne :

  • premier élément de la liste

  • second élément de la liste

  • troisième élément de la liste

  • La balise <ol> pour les puces numérotées : remplacer <ul> par <ol>

    1. Un élément de la liste
    2. un second élément de la liste
    3. un troisième élément de la liste

Le petit tour d’horizon des balises html utiles est terminé. J’espère qu’il vous aura été utile !

Partager