Sitemap

Een tabel is een uitstekende manier om veel informatie overzichtelijk te presenteren.Verkoopgegevens, webpaginaverkeer, beurstrends en cijfers van studenten zijn voorbeelden van informatie die vaak in tabellen wordt weergegeven.

Wanneer u een tabel aan een webpagina toevoegt met HTML, kan het visueel aantrekkelijker zijn om deze op de pagina te centreren.Het centreren van tekst en afbeeldingen gebeurt meestal via de klasse text-align of via CSS, maar het centreren van een tabel vereist een andere aanpak.Hieronder vindt u informatie over het centreren van een tabel op een webpagina.

Een tabel centreren in HTML

Wanneer u een tabel aan een webpagina toevoegt, wordt deze standaard uitgelijnd aan de linkerkant van de pagina of container, zoals hieronder wordt weergegeven.

HITS MAAND TOTALE STIJGING
324.497 januari 1998 -
436.699 februari 1998 112,172

De HTML-broncode voor de bovenstaande tabel is de volgende.

HITS MONTH TOTAL INCREASE
324,497 January 1998 -
436,699 February 1998 112,172

Om deze tabel te centreren, moet u ;marge-links:auto;marge-rechts:auto; tot het einde van destyle attribuut in de

tag.De tabeltag ziet er als volgt uit.

Als u het stijlkenmerk in de

-tag wijzigt, zoals hierboven weergegeven, wordt de tabel gecentreerd op de webpagina, zoals hieronder wordt weergegeven.
HITS MAAND TOTALE STIJGING
324.497 januari 1998 -
436.699 februari 1998 112,172
Tip

U kunt parameters toevoegen aan het stijlkenmerk in de

-tag om de tabel aantrekkelijker te maken.Opvulling toevoegen:2px; en randafstand: 20px; voegt ruimte toe tussen de gegevenspunten en de rand om de leesbaarheid te verbeteren.

Gerelateerde informatie

Tutte le categorie: Bugfix informatie