Denne artikkelen vil gi deg en detaljert og omfattende kunnskap om HTML-tabeller. De forskjellige kodene og formateringen som kan gjøres.
Siden teknologisk begynnelse er en tabell en vanlig måte å lagre og visualisere data på. Den brukes i nesten alle felt for å presentere tekstinformasjon og numeriske data der du enkelt kan sammenligne to eller flere elementer. I denne artikkelen skal jeg diskutere Tabeller i følgende rekkefølge:
Med enkle ord er en tabell en samling av relaterte data som består av rader og kolonner. Nå som vi vet er HTML et standard kodespråk for å lage websider og vise det i en nettleser. Så å lage og jobbe med tabeller blir en viktig underferdighet for å mestre HTML. I denne bloggen vil vi lære å jobbe med tabeller i HTML.
For å definere en HTML-tabell bruker vi
stikkord. Innsiden
tag, definerer du først tabellrader med
stikkord. Deretter definerer du tabelloverskrifter i
stikkord. Data eller celle i tabell er definert ved hjelp av
stikkord.
HTML-tabellmerker
La oss først se på listen over HTML-koder som brukes til å lage tabeller. Senere i denne bloggen vil vi lære hvordan vi bruker dem ved hjelp av eksempler.
: Brukes til å definere en tabell
: Brukes til å definere en topptekstcelle i en tabell
: Brukes til å definere en rad i en tabell
: Brukes til å definere en celle i en tabell
:Brukes til å definere billedteksten
:Brukes til å spesifisere en gruppe med en eller flere kolonner i en tabell for formatering
: Brukes til å spesifisere kolonneegenskaper for hver kolonne i et element
:Brukes til å gruppere topptekstinnholdet i en tabell
: Brukes til å gruppere kroppsinnholdet i en tabell
: Brukes til å gruppere bunntekstinnholdet i en tabell
Det er to attributter kalt cellpadding og cellespacing som du kan bruke til å justere det hvite rommet i tabellcellene. Celleavstandsattributtet definerer mellomrom mellom tabellceller, mens cellefylling representerer avstanden mellom cellegrenser og innholdet i en celle.
Cellespacing & Cellpadding
Navn
Alder
Abhishek
femten
Bob
2. 3
Colspan og Rowspan Attributter
Colspan-attributt brukes til å slå sammen to eller flere kolonner, mens rowpans brukes til å slå sammen to eller flere rader.
Colspan & Rowspan
Parti
Navn
Alder
Informatikk
Abhishek
femten
Bob
2. 3
Gå i stykker
Bordhøyde og bredde
HTML gir deg muligheten til å justere bordets høyde og bredde. Breddeattributt og høydeattributt brukes til å angi henholdsvis bredden og høyden på tabellen. Du kan enten spesifisere det i prosent av arealet som er tilgjengelig på skjermen eller i form av piksler.
Et bord kan deles inn i tre seksjoner, dvs. et topptekst, en kropp og en bunntekst. Topptekst og bunntekst ligner på topptekst og bunntekst i et orddokument som forblir vanlig for hver side, mens brødteksten inneholder hovedinnholdet.
tag oppretter en egen tabellhode, hvoreastag oppretter en egen tabellfot. tagger inneholder brødteksten.
HTML-tabell med topptekst, bunntekst og kropp
Topptekst
Bunntekst
Navn
Alder
Merker
Tabellbakgrunner og bildetekst
Du kan også sette en tabellbakgrunn. Bgfarge attributt setter bakgrunnsfargen for hele tabellen så vel som for en celle, mens bakgrunnsattributtet angir et bakgrunnsbilde for hele tabellen, så vel som bare for en celle.
Bildeteksten fungerer som en tittel eller forklaring på tabellen som vises øverst i tabellen.
HTML-tabellbakgrunn
Tabelltekst
Kolonne 1
Kolonne 2
Kolonne 3
Rad 1 celle 1
Rad 1 celle 2
Rad 1 celle 3
Rad 2 celle 2
Rad 2 celle 3
Rad 3 celle 1
Med dette kommer vi til en slutt på denne artikkelen. Nå etter å ha utført kodene ovenfor, ville du ha forstått hvordan du oppretter tabeller i HTML. Jeg håper denne bloggen er informativ og gir merverdi for deg.
Sjekk utav Edureka, et pålitelig online læringsfirma med et nettverk av mer enn 250 000 fornøyde elever spredt over hele verden.Webutvikling sertifiseringstrening hjelper deg med å lære hvordan du lager imponerende nettsteder ved hjelp av HTML5, CSS3, Twitter Bootstrap 3, jQuery og Google APIer og distribuerer det til Amazon Simple Storage Service (S3).
Har du et spørsmål til oss? Vennligst nevn det i kommentarfeltet i denne artikkelen, så kommer vi tilbake til deg.