Comment Tab texte en HTML

Les claviers d'ordinateur ont "Languette" touches qui sont utiles pour l'indentation moins. Cependant, ces tirets onglets ne sont normalement pas afficher sur les pages Web écrites en HTML. Cela peut être un problème si votre page Web contient du contenu qui doit tirets, comme la poésie ou un code informatique. La solution la plus simple est de "languette" texte en HTML en utilisant CSS (Cascading Style Sheets). Cela vous permet de créer des règles de mise en forme sur mesure pour autant de tailles de l'onglet que vous avez besoin.

Instructions

  1. Ouvrez votre fichier HTML dans un éditeur de texte et ajoutez ce code CSS au sein de votre HTML "tête" section:

    La première règle de style définit une "empan" classe avec un rapport gauche "rembourrage" de 1,3. La deuxième règle définit une autre "empan" classe avec deux fois ce montant de "rembourrage." Enregistrez le fichier sous "tabs.html."

  2. Dans votre contenu, invoquer l'onglet que vous voulez juste avant votre contenu. Par exemple:




    Il était un lecteur assidu de eHow

    Qui voulait savoir comment onglet;

    La réponse a été très simple,

    Les présentations lorsque les feuilles de style fait tout simplement fabuleux!




    Les deuxième et quatrième lignes commencent avec vide "empan" des éléments ayant des tailles de l'onglet virtuels définis par le "rembourrage" valeurs dans vos règles CSS. Enregistrez à nouveau le fichier.

  3. Testez votre page Web. Ouvrez votre navigateur et charger "tabs.html." Vous devriez voir deux tailles différentes de "onglets" sur les deuxième et quatrième lignes du poème. Sinon, vérifiez que vous avez copié les exemples de code correctement.

  4. Continuer à ajouter des onglets où vous le souhaitez, en utilisant des éléments de portée avec des attributs et des valeurs de classe pour définir chaque type de tabulation. Ajustez les valeurs CSS de remplissage à la suite votre propre mise en page. Créer davantage de règles de style pour autant "languette" tailles que vous avez besoin.

Conseils & Avertissements

  • Vous pouvez également utiliser le HTML "pré" élément pour formater le code informatique. Cela oblige la plupart des navigateurs pour afficher tous les espaces, saut de ligne et tabulation littérale que vous tapez dans le "
    " balises. Cependant, les différents navigateurs peuvent afficher largeurs onglet différemment. Même ici, en utilisant HTML "empan" les éléments avec leurs "rembourrage" des valeurs définies dans CSS vous donne plus de contrôle sur vos mises en page.
  • Si vous utilisez HTML "pré" éléments au format code informatique, être très prudent avec la façon dont vous encodez chaque caractère. Taper les caractères de balise "lt;" et "gt;"rend les navigateurs traitent leurs contenus comme des éléments HTML normales, les exécuter code invisible. Pour rendre les navigateurs affichent eux comme texte visible, coder le "lt;" et "gt;" caractères que "& l t -" et "& g t -" (Sans espaces).
» » » » Comment Tab texte en HTML