Les claviers d`ordinateur ont "Languette" clés qui sont utiles pour indenter le texte. 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 indentations, comme la poésie ou le 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 formatage personnalisées pour autant de tailles d`onglets que vous avez besoin.
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 "envergure" classe avec une gauche par rapport "rembourrage" de 1,3. La deuxième règle définit une autre "envergure" classe avec deux fois ce montant de "rembourrage." Enregistrez le fichier sous "tabs.html."
Dans votre contenu, invoquer l`onglet que vous voulez juste avant votre contenu. Par exemple:
Il y avait un lecteur assidu de eHow
Qui a voulu savoir comment onglet;
La réponse a été vraiment très simple,
layouts Lorsque des feuilles de style fait tout simplement fabuleux!
Les deuxième et quatrième lignes commencent avec vide "envergure" les éléments avec des tailles d`onglets virtuels définis par le "rembourrage" valeurs dans vos règles CSS. Enregistrer à nouveau le fichier.
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.
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 d`onglet. Ajustez les valeurs CSS padding à la suite de votre propre mise en page. Créer plus de règles de style pour autant "languette" tailles que vous avez besoin.
Conseils & Avertissements
- Vous pouvez également utiliser le code HTML "pré" élément pour formater le code informatique. Cela oblige la plupart des navigateurs pour afficher tous les espaces, saut de ligne et de tabulation littérale que vous tapez dans le "
" Mots clés. Cependant, les différents navigateurs peuvent afficher des largeurs de tabulation différemment. Même ici, en utilisant HTML "envergure" les éléments avec leurs "rembourrage" 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 normaux, les exécuter en tant que code invisible. Pour les navigateurs affichent comme texte visible, coder la "lt;" et "gt;" personnages comme "& l t -" et "& g t -" (Sans espaces).
