Code HTML Tab

Précédent ◈ Suivant

Il y a plusieurs façons d'aborder ce sujet. Voyant que HTML n'a pas eu un élément « onglet » depuis HTML 3. et le soutien du navigateur pour cet élément était pratiquement inexistant de toute façon, nous ne pouvons pas utiliser l'élément « onglet ».







Par conséquent, nous sommes dépendants à l'aide soit d'un autre élément HTML, Cascading Style Sheets (CSS), ou un caractère spécial pour créer un onglet horizontal.

L'utilisation Rembourrage

Voici un exemple d'utilisation padding-gauche pour créer un onglet horizontal.

pas de rembourrage
Rembourrage de 2em
Rembourrage de 3em
Rembourrage de 4em

Utilisation de caractères spéciaux

Voici des exemples d'utilisation des caractères spéciaux pour créer un effet à onglets.

Entité HTML Nombre

Voici comment vous utilisez le numéro d'entité HTML pour afficher les différents espaces.

Pas d'espace
# 8201; espace mince
en l'espace






espace Em

Nom de l'entité HTML

Cet exemple utilise les noms d'entités pour afficher les différents espaces. Comme vous pouvez le voir, le résultat final est le même.

Pas d'espace
 Petit espace
en l'espace
espace Em

contenu préformaté

Vous pouvez utiliser le 

 tag pour afficher le contenu qui est préformaté. Cela signifie que le contenu apparaît dans le navigateur juste la façon dont vous l'avez saisi.


Pour démontrer cela, voici un exemple. Dans cet exemple, j'ai simplement ajouté des espaces en utilisant la barre d'espace de mon clavier et les onglets en utilisant la touche de tabulation de mon clavier. Parce que ce sont tous enfermés à l'intérieur 
 balises, le navigateur affiche exactement comme il a été saisi.


Notez que les navigateurs affichent généralement 
 texte en utilisant une police de largeur fixe (comme Courier), mais vous pouvez utiliser les CSS pour changer cela comme bon vous semble.


blocs de citation


Si vous présentez une citation d'une autre source, vous devez utiliser la 
 marque. Bien que pas techniquement un « onglet », les navigateurs contenu habituellement tiret qui est enfermé à l'intérieur du 
 élément, entraînant ainsi une apparence « onglets ».


Voici quelques éléments de réflexion:


Notez que vous ne devez utiliser la 
 tag à sa destination (pour ne citer une citation). Si vous n'êtes pas une citation citez, vous devez utiliser l'une des autres méthodes de création d'un onglet horizontal.




















Articles Liés
Précédent ◈ Suivant