Hvordan du sentrerer et bord i html?

Hvordan du sentrerer et bord i html?
I HTML spiller en tabell en viktig rolle i å organisere data. Tabellen bruker en kombinasjon av rader og kolonner for å lagre data. Det lar utvikleren ordne haugen med uorganiserte data i rader og kolonner.

I HTML,

Tag brukes til å lage en tabell. Inne i denne taggen og















Tagger brukes til å lage radene og kolonnene i en tabell. HTML lar oss formatere tabellen ved hjelp av CSS -egenskaper. I dette innlegget har vi demonstrert veien for å sentrere et bord i HTML.

Hvordan du sentrerer et bord i html?

I HTML brukes tabeller først og fremst for å forbedre lesbarheten og estetikken i innholdet. Følgende praktiske eksempel viser prosessen med en tabellskaping sammen med prosessen med å holde den i sentrum.

Html




Første dokument




Enkelt bord


Border = "1">
NavnKarakterer
AliceEN
JhonC
AlexB



I denne koden har vi laget en enkel tabell ved hjelp av

, , og
Tagger. Inne i tag, tre CSS -egenskaper brukes. Verdien for begge margin-venstre og margin-høyre er auto mens verdien av Tekstalign er satt til sentrum.

Produksjon

Utgangen viser tydelig at tabellen er vellykket sentrert ved hjelp av CSS -marginegenskaper.

Det er det! Du har lært å sentrere bordet ved hjelp av CSS -egenskaper.

Konklusjon

I HTML kan vi sentrere tabellen ved å bruke CSS-margin-venstre, margin-høyre egenskaper og sette verdiene sine som auto. Dette vil legge til marginen til venstre og høyre side av tabellen likt som vil justere tabellen midt på HTML -siden. I tillegg kan du bruke den tekstjusterte egenskapen til å sentralisere innholdet i tabellen. Alle disse egenskapene brukes på en HTML -kode for å sentrere en tabell i HTML.