HTML, alignement et paragraphes

Dans cette leçon, nous nous concentrerons sur l’étude des paragraphes et de leur alignement respectif. Tout d’abord, il faut dire que par paragraphe, on entend une ou plusieurs lignes de texte, l’important est qu’elles soient comprises, pour les délimiter, entre les balises qui régissent justement les paragraphes.

La balise qui régit et détermine un paragraphe est la balise p qui, en collaboration avec la balise de fermeture, englobe les définitions du paragraphe, y compris l’alignement et le passage à la ligne dans un paragraphe très long. L’alignement est régi par l’attribut align suivi des définitions right, left e center. Donc, pour résumer, la définition d’un paragraphe est déterminée par les balises et son alignement est régi par l’attribut align qui peut être défini en right, left e center. Mais venons-en à notre exemple habituel pour voir la syntaxe de ces nouvelles balises :

Dans cet exemple, nous n’avons utilisé que les balises p pour définir le paragraphe. Voyons maintenant, en utilisant toujours uniquement p, comment définir deux paragraphes :

cela résulterait tout sur une seule ligne, mais si j’interrompais de cette façon :

je diviserais le texte en passant à la ligne au point souhaité. De cette façon, nous avons créé deux paragraphes bien distincts. Maintenant, utilisons align pour faire des essais d’alignement des deux paragraphes dans l’exemple :

En pratique, nous avons aligné le premier paragraphe à gauche et le second à droite. Voyons maintenant avec trois paragraphes en utilisant les trois paramètres d’alignement :

En pratique, nous avons écrit trois paragraphes, chacun défini avec son alignement. La question légitime se pose maintenant : si je dois aligner les trois paragraphes tous à gauche ou tous à droite ou encore tous au centre, dois-je insérer la définition d’alignement pour chaque balise p? La réponse est… non ! Pour ces cas, très fréquents, une nouvelle balise appelée vient à l’aide div dans lequel nous pouvons insérer plusieurs paragraphes sans spécifier leur alignement. En pratique, la balise div englobe la mise en forme de plusieurs paragraphes. Voici donc un exemple pour comprendre ce que je veux dire :

Comme vous pouvez le voir, il n’est pas nécessaire de spécifier l’alignement pour chaque paragraphe car le bon vieux div s’en charge. Dans cette leçon, vous avez encore mieux compris que chaque balise peut contenir des paramètres de mise en forme qui la transforment, d’une simple étiquette, en un outil très puissant pour la création et l’affichage de pages web. Chaque balise peut être associée à un paramètre de configuration différent, la rendant indépendante des autres balises qui composent le document. Enregistrez l’exemple donné toujours sous le nom d’index.html Les balises à utiliser pour le texte sont principalement deux, une pour les titres et une pour les paragraphes. Pour les titres, on utilise la balise h qui, suivie d’un nombre allant de 1 à 6, détermine la taille de la police et donc l’emphase du titre.

Pubblicato in HTML & CSS