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 » Golang Hvordan bruke tid.Søvnfunksjon i Golang Tiden.Sleep () Funksjon brukes ofte til å skape forsinkelser mellom operasjoner eller for korte paus... Jørgen Christiansen C ++ Hva er += i C++? I C ++ er+= en kombinasjon av to operatører, den ene er tilleggsoperatøren og den andre er oppdragso... Oskar Fossum Bash -programmering Hvordan trekke ut en del av en streng ved hjelp av bash kutt og delte kommandoer Bash gir flere metoder for å trekke ut en del av en streng, inkludert kutt- og delte kommandoer. Les... Alexander Sørlie Python Matplotlib fet tekst Alexander Sørlie PostgreSql Hvordan kopiere en tabell fra en database til en annen i PostgreSQL Oskar Fossum Python Python Ikke alle argumenter som er konvertert under strengformatering Simen Ødegård Salesforce Salesforce Apex - liste Elias Aalerud Aasen PHP Hvordan du bruker array_reverse -funksjon i php Jørgen Christiansen Oracle Database Hvordan Oracle Database er forskjellig fra Oracle SQL Developer? Anders Fjeld Moe Aws Hvordan EC2 er forskjellig fra elastisk beanstalk? Tobias Andresen Git Hvordan lage et Git -depot for lokale prosjekter? Erik Røed Linux -kommandoer Hvordan generere SSH -nøkler på Windows Top 10/Top 10 for å få tilgang til Linux -servere uten passord Anders Fjeld Moe C programmering if-ests-uttalelse i C-programmering Tobias Andresen