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

Discussion dans 'Programmation' créé par Sι∂яα∂ι, 4 Février 2016.

  1. Sι∂яα∂ι

    Sι∂яα∂ι Administrateur

    Inscrit:
    25 Juin 2014
    Messages:
    32 280
    J'aime reçus:
    121 187
    Points:
    13 043
    Salut communauté iHaxGlobal ,

    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 iHaxGlobal</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:
     
    Dernière édition: 16 Novembre 2021
  2. fjodu974

    fjodu974 Premium

    Inscrit:
    13 Février 2015
    Messages:
    14
    J'aime reçus:
    0
    Points:
    2 281
  3. Sil3nt3ye

    Sil3nt3ye Membre

    Inscrit:
    19 Mars 2015
    Messages:
    5
    J'aime reçus:
    3
    Points:
    1 273
    Vraiment complets tes tutos jusqu'ici GG et merci
     
    3 personnes aiment ça.
  4. mabguez

    mabguez Membre

    Inscrit:
    14 Juillet 2020
    Messages:
    18
    J'aime reçus:
    0
    Points:
    1 281
    j'ai copé tout ça sur une feuille word merci
     

Partager cette page

  1. Ce site utilise des cookies. En continuant à utiliser ce site, vous acceptez l'utilisation des cookies.
    Rejeter la notice