Good Mood

Il existe différentes méthodes d’indentation du texte. Cependant, pour la compatibilité avec plusieurs navigateurs et l’accessibilité, nous discutons des méthodes les plus populaires d’indentation de texte sur votre page web.

méthode recommandée avec CSS& HTML

pour indenter un texte ou un paragraphe, la méthode la plus couramment utilisée et recommandée serait D’utiliser CSS. Vous trouverez ci-dessous différents exemples de la façon dont CSS peut indenter du texte., Chacun de ces exemples, serait placé entre votre <tête></tête> balises HTML.

L’exemple suivant créerait une classe de style nommée « tab » qui indente le texte et le paragraphe 40 pixels à partir de la gauche.

<style type="text/css"><!-- .tab { margin-left: 40px; }--></style>

une Fois le code ci-dessus est dans le <tête> section, vous pouvez l’utiliser en l’ajoutant à votre paragraphe (<p>) des balises, comme illustré.,

<p class="tab">Example of a tab</p>

L’inclusion de CSS dans votre document HTML, comme indiqué ci-dessus, est appelée CSS « en ligne ». Il est utile pour apporter rapidement des modifications, mais à long terme, il est difficile de changer plus tard.

Au Lieu de cela, vous pouvez prendre tout votre code CSS et le placer dans un fichier séparé, avec l’extension .CSS. Ensuite, vous pouvez créer un lien vers ce fichier à partir de n’importe quel document HTML, et ce document peut utiliser ces propriétés CSS. L’utilisation d’un fichier CSS externe facilite la modification du CSS plus tard, car tout le CSS est défini au même endroit.

<link rel="stylesheet" Type="text/css" href="http://www.example.com/basic.css">

une Fois cette .,le fichier css a été créé, modifiez le fichier et ajoutez le même code CSS, à l’exclusion du style <> et des balises de commentaire, comme indiqué.

.tab { margin-left: 40px; }

Enfin, une fois les étapes ci-dessus terminées, vous pouvez l’onglet texte à l’aide de la même <p class= »onglet »> exemple, nous avons montré ci-dessus.

Il existe également d’autres formes d’indentation. Par exemple, si vous souhaitez uniquement indenter la première ligne d’un paragraphe, au lieu d’utiliser la ligne CSS ci-dessus, vous utiliseriez la ligne suivante.,

.tab { text-indent:40px }

méthode recommandée utilisant HTML

Il est possible d’obtenir les mêmes résultats ci-dessus avec un style en ligne dans HTML., Bien que l’utilisation de L’exemple CSS ci-dessus puisse faciliter la maintenance sur plusieurs pages web, si vous devez utiliser un style une seule fois, vous pouvez utiliser l’exemple suivant.

<p style="margin-left: 40px">This text is indented.</p>

dans ce premier exemple, tout le texte de la balise de paragraphe est en retrait de 40 pixels à partir de la gauche. Les autres balises de paragraphe ne sont pas indentées.

<p style="text-indent: 40px">This text is indented.</p>

dans ce deuxième exemple, seule la première ligne de texte du paragraphe sera indentée à 40 pixels de la gauche. Les lignes de texte supplémentaires de ce paragraphe ne sont pas indentées.,

méthode Alternative

Une autre méthode courante (mais incorrecte) d’indentation du texte est avec les balises<blockquote>, comme indiqué dans l’exemple suivant., Bien qu’il s’agisse d’une solution plus simple, elle pose des problèmes d’accessibilité. Cette balise sert à citer du texte et non à indenter.

<blockquote>This text would be indented</blockquote>