Comment tabuler un texte en HTML

Étape 1

Ouvrez votre fichier HTMLA dans l'éditeur de texte et ajoutez le code CSS suivant dans la section "en-tête" de votre code HTML:

La première règle de style définit une classe "d'espace" avec un "remplissage" relatif de gauche de 1, 3. La deuxième règle définit un autre type "d'espace" (remplissage) avec deux fois plus de "bourrage". Enregistrez le fichier sous "taba.html".

Étape 2

Dans votre contenu, demandez la tabulation que vous voulez juste avant le contenu. Par exemple:

Il y avait un lecteur assidu de eHow
Qui voulait savoir comment onglet;
La réponse était vraiment très simple,
Quand les feuilles de style ont fait des mises en page tout simplement fabuleuses!

Les deuxième et quatrième lignes commencent par des éléments "espace" vides avec des tailles d'onglets virtuels définies par les valeurs "de remplissage" de vos règles CSS. Enregistrez le fichier à nouveau.

Étape 3

Testez votre page Web. Ouvrez votre navigateur et chargez "tabs.html". Vous devriez pouvoir voir deux tailles différentes de "tabulateurs" dans les deuxième et quatrième lignes du poème. Si ce n'est pas le cas, vérifiez que vous avez correctement copié les exemples de codes.

Étape 4

Continuez à ajouter les onglets TO où vous voulez en utilisant des éléments d'espace avec des attributs de classe et des valeurs pour définir chaque type d'onglets. Ajustez les valeurs de remplissage CSS pour l’adapter à votre propre conception. Créez davantage de règles de style pour le nombre d'onglets dont vous avez besoin.