Angi HTML -tabellkolonnebredde

I et hvilket som helst dokument spiller datarepresentasjonen en viktig rolle i å få leserens oppmerksomhet. Det er flere måter å representere data på, for eksempel diagrammer, grafer og mer. Mer spesifikt legges en tabell lagt til på en webside for å vise data i riktig størrelse og format. En tabell består av rader og kolonner med data, og dens høyde og bredde kan settes ved hjelp av CSS -egenskapene.

Denne guiden vil lære deg:

• Hvordan lage en tabell i HTML?
• Hvordan justere tabellen radhøyde?
• Hvordan justere tabellkolonnebredden?

Hvordan lage en tabell i HTML?

I HTML, først, legg til en "bord”Element og bruk“bredde”Med verdien av“100%”. Legg så til Tag for å legge til den første raden i tabellen, og inn i denne taggen, legg til antall av Tagger for overskrifter. Etter å ha lagt til tabellraden for overskriftene, legg til rader for data. For å gjøre det, legg til Tagger, inkludert for data:

Navn	Kjønn	Alder
Peter	Mann	23
Dennis	Mann	26
Tusenfryd	Hunn	23

For øyeblikket ser websiden vår slik ut:

Juster nå rad- og kolonnestørrelsene på tabellen.

Hvordan justere tabellen radhøyde?

Tabellens radhøyde kan justeres ved hjelp av “høyde”Eiendom. Nedenfor er eksemplet der

Tag er utstyrt med stilegenskapshøyden med verdi 100px:
Dennis
Mann
26

Det kan sees fra bildet nedenfor at den andre raden i tabellen nå har en lengde på 100px:

Hvordan justere tabellkolonnebredden?

Kolonnenes bredde kan modifiseres ved å bruke CSS “bredde”Eiendom. Her er bredden på tabellen satt til 80%:

Navn
Kjønn
Alder

Produksjon

Det er det! Vi har lært å justere bredden og høyden på et bord med hell.

Konklusjon

Tabeller er det mest populære mediet for å presentere data når de organiserer data i rader og kolonner. I CSS kan en tabell lages ved hjelp av

, ,

,

. Du kan imidlertid bruke høyden og breddeegenskapene for å spesifisere tabellstørrelsen. Denne bloggen forklarte spesifikt metoden for å angi bredden på tabellrader og kolonner. « Sette opp et utviklermiljø ved hjelp av Docker Sett celleavstand i CSS - HTML » Docker Hva er docker bind monteringer? En Docker Bind Mount er en type montering som tillater brukere å kartlegge en katalog eller fil på v... Alexander Sørlie Golang Hva er strukturer i Golang I Golang er en struktur en sammensatt datatype som består av null eller flere navngitte felt, som hv... Erik Røed Salesforce Salesforce Apex - liste Praktisk opplæring om List -samlingen i Apex -programmeringsspråk og dets metoder og hvordan du sett... Elias Aalerud Aasen Python Filtrer Nan Pandas Jørgen Christiansen Python Numpy Save Dict Daniel Johnsen Python Python Math Exp Simen Stensrud Python Seaborn Save Plot Daniel Berntsen Python Seaborn horisontalt bar plot Martin Berge Python Hvordan sjekker jeg om en streng er tom i python Elias Krogh Svendsen Python Seaborn Axis -etiketter Daniel Johnsen Python Python Ikke alle argumenter som er konvertert under strengformatering Simen Ødegård Python Konverter en streng til Json Python Erik Røed R Hvordan lage en tom dataramme r Daniel Berntsen