Bienvenue dans notre cours résumé sur l’html5. Apprendre html 5 est une belle aventure, n’est ce pas?!. Chaque partie du cours vous présente une nouvelle balise qui a un objectif bien spécifié.  On va découvrir dans cette partie de cours la balise pre qui a un rôle important! 

La balise pre

La balise pre permet de d’ajouter un texte pré-formaté dans la page web. un élément textuel est dit pré-formaté si on veut garder son format visuel initial , c’est à dire, on veut le laisser tel qu’il est écrit. 

Exemple : supposons que notre page html doit contenir l’exercice suivant (voir l’image )

exercice sur la balise pre

Alors, on doit avoir un paragraphe qui contient du texte. Mais, une partie du texte (les étoiles) doit conserver leurs aperçu par défaut. D’où, la nécessité d’utiliser la balise html nommée pre. Donc, on propose le code html suivant :

<p> Sachant que : print(“—“) peut être écrite : print(“-“*3)   c’est-à-dire que l’opérateur
‘*’ permet de repeter cette chaine le nombre de fois qu’on veut. Soit le code suivant :
<pre>
print(”    *”)
print(”   * *”)
print(”  *   *”)
print(” *     *”)
print(“***   ***”)
print(”  *   *”)
print(”  *   *”)
print(”  *****”)
 </pre>
le résultat :  
<pre>
    *
   * *
  *   *
 *     *
***   ***
  *   *
  *   *
  *****
    </pre>    </p>
     

Vous pouvez tester le code proposé. Sinon, on vous propose une vidéo démonstrative. La vidéo suivante décrit la solution de cet exercice : 

Les textes pré-formatés peuvent avoir par la suite un style spécifique (on peut définir le style dans une feuille de style css).

Vous pouvez suivre notre cours complet d’HTML. pour approfondir vos compétences sur le développement web en utilisant le langage html5.

Aussi, vous avez une playlist des vidéos (Explication en Darija arabe marocaine)  bien organisée qui traite : Vidéos sur l’HTML5.

De plus, nous avons partagé une série des corrections des examens en html 5 et css3 sous format vidéos : Examens HTML 5 + CSS 3

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *