VIDEO: Tabbladen maken in HTML

HTML-tags gebruiken

U kunt verschillende HTML-tags gebruiken om een ​​tabstop in een HTML-bestand te maken:

• De eenvoudigste manier om dit te doen is met de pre-tags. Dit vertegenwoordigt de tag in de tags zoals deze is geschreven, inclusief verschillende spaties of een tabblad. Het enige wat je hoeft te doen is schrijven:
  

  
   1. tabblad
   2. tabblad
  

• Als alternatief kunt u "blockquote" gebruiken. Hiermee wordt een offerte gegenereerd, waarbij de betreffende tekst vervolgens wordt ingesprongen. U kunt ook een andere blockquote-tag opnemen om een ​​andere tekst nog verder te laten inspringen. Het kan er bijvoorbeeld zo uitzien:

  1. tabblad

  2. tabblad

  .
• U kunt ook de tag "dd" gebruiken om een ​​tabeffect te creëren. De tag wordt gebruikt om een ​​definitielijst te genereren en om de tekst binnen de dd-tags te laten inspringen. U kunt bijvoorbeeld "
  1. tabblad
  2. tabblad
  " schrijven.

Verdere mogelijkheden voor een tabulator

Naast de HTML-tags kunt u ook eenvoudig een tabblad maken met spaties of CSS.

• Om een ​​tabblad met spaties te maken, kun je niet gewoon op de spatiebalk drukken en dan schrijf de tekst, aangezien uw browser dan slechts één spatie zal genereren en de andere zal negeren zou. In plaats daarvan zou u vaste spaties met vaste spaties moeten gebruiken. Je zou bijvoorbeeld kunnen schrijven:
  1. tabblad
  
  2. tabblad
• Om een ​​tabulator met CSS in HTML te maken, zou je een afstand tot de buitenrand kunnen instellen, wat je zou moeten doen met "marge". Omdat je alleen een afstand tot de linkerrand nodig hebt, zou je de afstand tot deze kant moeten beperken, dus gebruik "marge-links". Als u bijvoorbeeld een afstand van 20 px wilt voor het eerste tabblad en 40 px voor het tweede tabblad, kunt u schrijven:
  1. tabblad
  
  2. tabblad

De HTML-code voor alle voorbeelden die in deze handleiding worden uitgelegd, kan worden verkregen via: Bronpod kijk naar.