Det er forskjellige måter å representere data og informasjon, for eksempel diagrammer, grafer, piktografer eller tabellform. Tabellen organiserer data i rader og kolonner, noe som gjør dataene mer lesbare og klare. De tabulerte dataene sparer også tid og rom. For å lage bord i HTML, bruker vi
Tag med
stikkord,
Tag for overskrift, og
for tabelldata.
Læringsutbyttet til denne artikkelen vil være:
Hva er HTML
stikkord?
Hvordan lage en tabell i HTML?
Hva er attributtene til
stikkord?
Hvordan lage vertikal topptabell?
Hva er HTML
stikkord?
HTML
Tag spesifiserer en rad i en tabell,
Tag brukes til bordoverskrift, og
Tag er for tabelldata.
Syntaks
..
HTML TR -taggen har en startkode
og en avsluttende tag
.
Hvordan lage en tabell i HTML?
Eksemplet nedenfor vil demonstrere hvordan vi kan lage en tabell i HTML. For å gjøre det, først, legg til en
Merk og spesifiser en bildetekst ved hjelp av taggen:
Studenters informasjon
I tabellelementet, legg til
Tag etter bildeteksten. Den første raden vil inneholde overskriften på hver kolonne. For dette
Tagger brukes:
Rull nei
Student navn
DOB
Etter å ha opprettet tre kolonner, la oss legge til data i kolonnene. Dataene vil bli lagt til hver rad i korrespondanse med overskriftene i neste rad. Så for å legge til data,
Taggen brukes:
1
John
23-05-1997
Tilsvarende lager du to rader til som vist i kodebiten nedenfor:
2
William
02-9-1995
3
Tusenfryd
12-03-1998
Den tilsvarende utgangen til koden som er nevnt ovenfor vil se slik ut:
Bruke stiler på bordet med CSS
I denne delen vil vi bruke noen stylingegenskaper på tabellen vi har opprettet ovenfor.
Tagger er stylet med CSS -egenskapene beskrevet nedenfor:
“bakgrunnsfarge”Eiendom brukes til å gi bakgrunnsfarge til bordet.
“grense”Eiendom setter en kant rundt bordet med en bredde, linjetype og farge.
“skriftstørrelse”Eiendom brukes til å stille inn størrelsen på skriften som 25px.
Stil tabellelement
Tabell Margin: Auto; Bredde: 60%; Høyde: 150px;
Her:
“margin”Eiendom med verdi”bil”Plasser bordet i midtavstanden lik fra hver side.
“bredde”Eiendom brukes til å stille inn bordets bredde.
“høyde”Eiendom setter høyden på tabellen.
Produksjon
Hva er attributtene til
stikkord?
Det er mange attributter tilknyttet HTML
Tag, for eksempel:
Rowspan
Colspan
Attributt: Rowspan
Denne attributtet inneholder en ikke-negativ verdi som spesifiserer antall rader cellen utvider. Standardverdien er 1.
Eksempel: Hvordan legge til rowspan -attributt til en tabellrekke? Så fra eksemplet ovenfor har vi tatt den andre raden. Legg til attributtet Rowspan med verdi 2 til de tredje tabelldataene:
2
William
02-9-1995
Det kan sees fra bildet nedenfor den andre radens tredje data har tatt plass til to rader:
Attributt: Colspan
Denne attributtet inneholder en ikke-negativ verdi som spesifiserer antall kolonner cellen utvider. Standardverdien til colspan er 1. Mer enn 1000 verdier vil bli satt som standard fordi de anses som feil.
Eksempel: Hvordan legge til Colspan -attributt til tabellrekke? I HTML -filen,
Tag blir lagt til under taggen, og den er utstyrt med attributtet Colspan med en verdi på 3:
Linuxhint School
Fra bildet nedenfor kan det sees at tabelloverskriften har tatt plass til tre kolonner:
Hvordan lage vertikal topptabell?
I HTML, tilsett tre
Tagger. Inne i hver er andre tagger plassert, for eksempel
, deretter
Tagger. På en slik måte kan det opprettes en tabell med vertikale overskrifter:
Navn
Tom
Andrew
By
forente stater
Kina
Yrke
Instruktør
Doktor
Lagre HTML -filen og åpne filen i en nettleser:
Det kan observeres at toppteksten på tabellen er plassert vertikalt.
Konklusjon
For å lage en tabell for webapplikasjonen vår, gir HTML oss forskjellige tagger for tabeller, rader og kolonner som
,
, og
, henholdsvis. Så denne bloggen har forklart HTML
Tag, dens attributt og metoden for å lage en enkel og vertikal topptabell.
