Leçon n°12 - Mise en page d'un texte

Leçon n°12

Faire la mise en page d'un texte

Dans cette leçon nous allons prendre connaissance des différentes balises qui nous permette de faire la mise en page d'un texte.

La paragraphe :

Comme pour tout texte nous pouvons travailler au paragraphe. Les balise d'un paragraphe : <p></p>

A celui-ci nous pouvons mettre un attribut d'alignement " align " au quel nous donnerons des ordres :

align="left" -> alignemnet à gauche 

align="right" -> alignement à droite 

align="center" -> alignement au centre 

align="justify"-> texte justifier 

Retour à la ligne :

Afin que votre texte sois lisible et qu'il est une forme, nous devons régulièrement faire un retour à la ligne. Cela n'est pas automatique dans une page html, il faut pour cela lui signifier par la balise <br>

La taille d'un texte :

Deux solutions sont possible pur déterminé la taille d'un texte.

1. Avec les balises <h1> </h1> à <h5></h5

2. Pour cette solution, nous devons avant voir la police d'écriture.

La police d'écriture :

Le texte qui s'affiche à votre écran est une police par défaut si vous ne précisez pas ce que vous voulez. la balise pour la police d'écriture est <font></font>, à cette balise nous y plaçons des attributs :

• face -> pour l'écriture de police
• size -> pour la taille de la police signifié en pixels
• color -> pour la couleur de la police qui sera désigner par un code ou le nom de la couleur en anglais comme nous avons déjà vu.

Dans notre feuille de html cela donnera :

Cela apparaitra dans notre navigateur comme :

Soulignement, gras, italique, barré, etc. :

Pour finir nous allons voir le mise en forme du texte lui même. Mettre en gras, en italique, etc. , là encore, nous devons faire appelle à des balises. Souvenez vous en le plus possible, car elles vous seront d'une grande utilité :

Gras -> <b>votretexte</b> ou <strong>votre texte</strong>

Italique -> <i>votre texte</i>

Souligné -> <u>votre texte </u>

Barré -> <s>votre texte</s>

Voyons notre feuille HTML :

Dans notre navigateur :

Voilà nous arrivons à la fin de ces cours.