Partage
  • Partager sur Facebook
  • Partager sur Twitter

remplacer <pre> par <p>

AmineOnweb
    17 juin 2017 à 4:24:05

    salut a tous , alors ma question est pourquoi ne pas remplacer l'element <p> par <pre> . parce que d'apres ce que j'ai lu , l'element <pre> il prend en compte les espaces que je fasse et quand je saute une ligne sans l'element <br>

    c'est quoi la difference entre ces deux elements ?  

    j'espere que ma question soit clair . merci d'avance 

    edit : jai une autre question 

    le comment tag sert a quoi svp ? 

    <!-- Write your comments here -->

    -
    Edité par AmineOnweb 17 juin 2017 à 4:25:55

    • Partager sur Facebook
    • Partager sur Twitter
    EmmanuelBeziat
    • HTML / CSS
      17 juin 2017 à 12:12:28

      Salut,

      • <p> sert à faire des paragraphes de code.
      • <pre> sert à écrire du code préformaté.
      • <br> sert à retourner à la ligne, pas à sauter des lignes.
      • La balise commentaire sert à… mettre un commentaire dans ton code. Il ne sera lu que par ceux qui travaillent sur le code de ta page (toi en premier lieu à priori). C'est une indication.

      Donc, quand tu veux écrire du texte, tu écris juste du texte.

      <body>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam consectetur consequat purus. Cras euismod libero urna. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Interdum et malesuada fames ac ante ipsum primis in faucibus. Fusce non facilisis eros.
</body>

      Quand tu veux sauter des lignes, tu scinde ton texte en paragraphes avec la balise <p>

      <body>
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam consectetur consequat purus. Cras euismod libero urna.</p>
    <p>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Interdum et malesuada fames ac ante ipsum primis in faucibus. Fusce non facilisis eros.</p>
</body>

      Quand tu veux retourner à la ligne, tu utilises <br>

      <body>
    Lorem ipsum dolor sit amet, <br>consectetur adipiscing elit. Etiam consectetur consequat purus.
</body>

      Quand tu veux écrire du code, tu utilises <pre>

      <body>
    <pre>
        .maClasse {
           color: red;
        }
    </pre>
</body>

      Il est normal que ton code ne retienne pas les espaces et sauts de ligne quand tu écris normalement. le langage html est conçu comme ça. N'essaie pas de contourner ça avec des techniques étranges.

      Je t'invite à lire les premiers chapitres du cours html/css du site, tout ceci te sera (ré)expliqué.

      • Partager sur Facebook
      • Partager sur Twitter

      Il n'y a pas de mauvais navigateur, il n'y a que du mauvais code !

      remplacer <pre> par <p>

      × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
      × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
      • Editeur ●
      • Markdown