Les styles de base les plus utilisés sont l'alignement du texte et la justification, cela nous aide à localiser le texte et à le rendre plus compatible avec l'environnement, imaginons que nous devons placer un résumé d'une actualité et que nous voulons qu'il se démarque un autre texte, nous pourrions faire en sorte que son alignement soit focalisé afin que nous obtenions la proéminence que nous voulions au début.
Pour y parvenir, nous utiliserons deux propriétés :
1. aligner le texte : Spécifie l'alignement d'un bloc de texte pouvant prendre les valeurs : début, fin, gauche, droite, centre, justification.
2. text-justify : Spécifie la technique qui sera utilisée pour justifier le texte lorsque la justification est choisie dans le text-align.
Voyons un peu de code où nous appliquons ceci :ExempleIl existe de nombreuses sortes de fruits - il existe plus de 500 variétés de bananes à elles seules. Au moment où nous ajoutons les innombrables types de pommes, d'oranges et d'autres fruits bien connus, nous sommes confrontés à des milliers de choix. L'un des aspects les plus intéressants des fruits est la variété disponible dans chaque pays. J'habite près de Londres, dans une région connue pour ses pommes.
Début Fin Gauche Droite Justifier Centre
Dans cette partie du code, nous avons fait un scénario avec la langue Javascript qui nous permet de changer l'attribut de aligner le texte de sorte que lorsque nous l'exécutons dans notre navigateur, nous puissions voir la différence entre chacune des valeurs de propriété de l'attribut. Voyons comment nous avons quelques-unes de ces propriétés appliquées dans le navigateur :
AGRANDIR
Voyons maintenant une autre des caractéristiques de HTML5 lorsqu'un texte a des espaces blancs, doubles ou triples, le navigateur les remplace généralement par un seul espace, comme des lignes blanches, il les ignore, afin de travailler avec, nous avons la propriété espace, elle peut prendre les attributs suivants :
- Ordinaire: C'est la valeur par défaut dans le navigateur, ignore les espaces multiples et les sauts de ligne.
- maintenant rap: Dans ce cas, les espaces sont ignorés mais les sauts de ligne sont respectés.
- pré: Les espaces blancs et seuls les sauts de ligne sont conservés.
- pré-ligne: L'espace est ignoré, mais le saut de ligne est respecté.
- pré-emballage : L'espacement des blancs est respecté et il y aura un saut de ligne lorsqu'il sera spécifié ou requis par le bloc.
Voyons un exemple :
ExempleIl existe de nombreuses sortes de fruits - il existe plus de 500 variétés de bananes à elles seules. Au moment où nous ajoutons les innombrables types de pommes, d'oranges et d'autres fruits bien connus, nous sommes confrontés à des milliers de choix. L'un des aspects les plus intéressants des fruits est la variété disponible dans chaque pays. J'habite près de Londres, dans une région connue pour ses pommes.
Comme nous pouvons le voir, nous avons inclus plusieurs espaces doubles dans le texte et nous avons indiqué que nous utiliserons la propriété pré-ligne, Voyons ce que le navigateur va nous montrer :
