Comment puis-je retrait ou texte de l'onglet sur ma page web ou en HTML
Méthode recommandée avec CSS - HTML
Pour indenter texte ou un paragraphe, la méthode la plus couramment utilisée et recommandée serait d'utiliser CSS. Voici différents exemples de la façon dont CSS peut être utilisé au texte en retrait. Chacun de ces exemples seraient placés ci-dessous entre votre
Les balises HTML.L'exemple ci-dessous créerait une classe de style nommé « onglet » que le texte en retrait et au paragraphe 40 pixels de la gauche.
Une fois que le code ci-dessus est dans la
section, vous pouvez l'utiliser à tout moment en l'ajoutant à votre paragraphe () balises comme indiqué ci-dessous.
Exemple d'un onglet
Si vous prévoyez d'utiliser ce CSS sur plusieurs pages, nous vous recommandons de créer un fichier Css et un lien vers ce fichier .css sur chacune de vos pages au lieu d'ajouter le code ci-dessus pour toutes vos pages. Pour ce faire, ajoutez la ligne ci-dessous entre votre
balises et créer un lien vers le fichier .css. Dans l'exemple ci-dessous, nous avons appelé notre fichier Css « basic.css »Enfin, une fois les étapes ci-dessus, vous pouvez onglet tout texte en utilisant la même
exemple, nous avons montré ci-dessus.
Il y a aussi d'autres formes de indenter. Par exemple, si vous ne vouliez en retrait la première ligne d'un paragraphe, au lieu d'utiliser la ligne CSS ci-dessus, vous pouvez utiliser la ligne ci-dessous.
Astuce: Vous pouvez également en retrait au moyen d'un pourcentage. Par exemple, au lieu de indentant 40px (pixels), vous pouvez remplacer le tiret à 5% au retrait du texte de 5% de la vue actuelle. Vous pouvez également utiliser un espace em lors de la définition de la largeur d'un tiret.
Méthode recommandée en utilisant HTML
Il est possible d'obtenir les mêmes résultats ci-dessus en utilisant un style en ligne au sein de HTML. Tout en utilisant l'exemple ci-dessus CSS peut le rendre plus facile à maintenir sur plusieurs pages Web, si vous avez besoin d'utiliser un style une seule fois, vous pouvez utiliser l'exemple ci-dessous.
Dans ce premier exemple, tout le texte dans la balise de paragraphe est en retrait de 40 pixels de la gauche. Tous les autres balises de paragraphe ne sont pas en retrait.
Ce texte est en retrait.
Dans ce deuxième exemple, seule la première ligne de texte dans le paragraphe 40 sera en retrait pixels de la gauche. Toutes les lignes de texte supplémentaires dans ce paragraphe ne seront pas en retrait.
Astuce: Vous pouvez également en retrait au moyen d'un pourcentage. Par exemple, au lieu de indentant 40px (pixels), vous pouvez remplacer le tiret à 5% au retrait du texte de 5% de la vue actuelle. Vous pouvez également utiliser un espace em lors de la définition de la largeur d'un tiret.
Méthode alternative
Une autre méthode commune (mais non conforme) du texte indenter utilise les
Mots clés. comme le montre l'exemple ci-dessous. Bien que ce soit une solution beaucoup plus facile, il y a des problèmes d'accessibilité qui peuvent être causés par l'utilisation de cette solution pour indenter votre texte. Cette balise est destinée à citer le texte et non pour indenter.Ce texte serait en retraitInformation additionnelle
Articles Liés