Apprendre le HTML - Episode #3 : Les balises : Paragraphe / Titre / Formatage du texte

Sidradi

  1. Ce site utilise des cookies. En continuant à utiliser ce site, vous acceptez l'utilisation des cookies. En savoir plus.
  1. Sidradi

    Sidradi Administrateur

    Messages:
    9 994
    J'aime reçus:
    51 808
    Points:
    8 543
    Salut communauté iHax ,

    Au cours de ce Tutorial , on va discuter des balises : Titre / Paragraphe / Formatage du texte.

    La balises paragraphe :

    La balise paragraphe <p> est utilisée comme le dis son nom pour créer des paragraphes qui contiennent du texte :
    HTML:
    <body>
        <p>Mon premier paragraphe</p>
        <p>Mon deuxième paragraphe</p>
        <p>Mon troisième paragraphe</p>
    </body>
    balise paragraphe.jpg

    La balise break <br> ou </br> est utilisée pour faire un retour à la ligne ou retour chariot.

    HTML:
    <body>
        <p>Bonjour, <br>Bienvenue sur iHax Community</p>
        <p>Mon premier paragraphe</p>
        <p>Mon deuxième paragraphe</p>
        <p>Mon troisième paragraphe</p>
    </body>
    balise break.jpg

    Les balises Titres :

    Les balises h1, h2, h3, h4, h5 et h6 (h pour "heading" en anglais) préparent la lecture du paragraphe que ces titres précèdent en résumant son contenu. Elles indiquent aussi aux moteurs de recherche les informations les plus importantes que comportent votre page.

    HTML:
    <body>
    <h1>Titre H1</h1>
    <h2>Titre H1</h2>
    <h3>Titre H1</h3>
    <h4>Titre H1</h4>
    <h5>Titre H1</h5>
    <h6>Titre H1</h6>
    </body>
    


    balise heading.jpg

    Les balises Formatage de Text :

    On commence par la balise <pre> qui est utilisée pour le texte pré-formaté, ainsi elle preserve les espaces, les tabulations et les sauts à la ligne du texte présent entre ses balises d'ouverture et de fermeture.

    HTML:
    <body>
    <pre>
    /------                            Tutorial HTML5                           -------/
                                                          Rédigé par : Sidradi
    </pre>
    </body>
    balise pre.jpg

    <i> Indique une mise en italique
    <em> Indique une mise en exergue (emphase)
    <b> Indique une mise en gras
    <strong> Indique une mise en exergue plus forte (renforcement)
    <small> Utilisée pour déclarer un copyright, des disclaimers, des mises en garde...
    <del> Utilisé pour indiquer qu'une partie de texte est supprimée, mais conservée pour en garder la trace.
    <ins> Pour insérer un nouveau texte dans un document révisé.
    <sub> Déclarer un indice
    <sup> Permet de définir le texte de l'exposant
    <mark> Pour marquer du texte, par exemple surligner un résultat de recherche.

    HTML:
    <body>
    <p>Texte <i>en italique</i></p>
    <p>Texte <em>en exergue (emphase)</em></p>
    <p>Texte <b>en gras </b></p>
    <p>Texte <strong>en forte exergue</strong></p>
    <p>Texte <small>relatif</small></p>
    <p>Texte <del>supprimé </del></p>
    <p>Texte <ins>révisé<ins></p>
    <p>Texte <sub>mis en indice</sub></p>
    <p>Texte <sup>mis en exposant</sup></p>
    <p>Texte <mark>surligné </mark></p>
    </body>
    balise formatage.jpg

    Ce sujet touche à sa fin .
    A très bientôt :neo:
     
    ●●●Outils
  2. fjodu974

    fjodu974 Premium

    Messages:
    14
    J'aime reçus:
    0
    Points:
    2 281
    merci
     
    ●●●Outils
  3. Sil3nt3ye

    Sil3nt3ye

    Messages:
    5
    J'aime reçus:
    3
    Points:
    1 273
    Vraiment complets tes tutos jusqu'ici GG et merci
     
    3 personnes aiment ça.
    ●●●Outils

Publicité