Denne artikel giver dig en detaljeret og omfattende viden om HTML-tabeller. De forskellige tags og formatering, der kan udføres.
Siden den teknologiske start er en tabel en almindelig måde at lagre og visualisere data på. Det bruges i næsten alle felter til præsentation af tekstinformation og numeriske data, hvor du nemt kan sammenligne to eller flere elementer. I denne artikel vil jeg diskutere Tabeller i følgende rækkefølge:
Med enkle ord er en tabel en samling af relaterede data, der består af rækker og kolonner. Nu som vi ved, er HTML et standard markup-sprog til oprettelse af websider og visning af det i en webbrowser. Så oprettelse og arbejde med tabeller bliver en vigtig underfærdighed for at mestre HTML. I denne blog lærer vi at arbejde med tabeller i HTML.
For at definere en HTML-tabel bruger vi
tag. Inde
tag, definerer du først tabelrækker med
tag. Dernæst definerer du tabeloverskrifter i
tag. Data eller celle i tabel defineres ved hjælp af
tag.
HTML tabel tags
Lad os først se på listen over HTML-tags, der bruges til at oprette tabeller. Senere fremad i denne blog vil vi lære at bruge dem ved hjælp af eksempler.
: Bruges til at definere en tabel
: Bruges til at definere en headercelle i en tabel
: Bruges til at definere en række i en tabel
: Bruges til at definere en celle i en tabel
:Bruges til at definere et bords billedtekst
:Bruges til at specificere en gruppe på en eller flere kolonner i en tabel til formatering
: Bruges til at specificere kolonneegenskaber for hver kolonne i et element
:Bruges til at gruppere sidehovedindholdet i en tabel
: Bruges til at gruppere kropsindholdet i en tabel
: Bruges til at gruppere sidefodsindholdet i en tabel
Lad os nu se på eksemplet på HTML-kode for at oprette en tabel.
Navn
Alder
Abhishek
18
Bob
2. 3
Produktion:
Variationer af HTML-tabel
Cellpadding og Cellspacing-attributter
Der er to attributter kaldet cellpadding og cellespacing, som du kan bruge til at justere det hvide rum i dine tabelceller. Attributten celleafstand definerer mellemrum mellem tabelceller, mens cellepadding repræsenterer afstanden mellem cellegrænser og indholdet i en celle.
Cellespacing & Cellpadding
Navn
Alder
Abhishek
femten
Bob
2. 3
Colspan og Rowspan attributter
Colspan-attribut bruges til at flette to eller flere kolonner, mens rækkespand bruges til at flette to eller flere rækker.
Colspan & Rowspan
Parti
Navn
Alder
Computer videnskab
Abhishek
femten
Bob
2. 3
Pause
Bordets højde og bredde
HTML giver dig mulighed for at justere bordets højde og bredde. Breddeattribut og højdeattribut bruges til at indstille henholdsvis bordets bredde og højde. Du kan enten angive det i procent af det tilgængelige areal på skærmen eller i form af pixels.
Bredde og højde på HTML-tabel
Abhishek
femten
Bob
2. 3
Tabelhoved, krop og sidefod
Et bord kan opdeles i tre sektioner, dvs. et overskrift, en krop og en sidefod. Sidehoved og sidefod ligner sidehoved og sidefod i et orddokument, der forbliver almindeligt for hver side, mens kroppen indeholder hovedindholdet.
tag opretter separat tabeloverskrift, hvoreastag opretter en separat tabelfod. tags indeholder brødteksten.
HTML-tabel med sidehoved, sidefod og krop
Overskrift på bordet
Sidefod
Navn
Alder
Varemærker
Tabelbaggrund og billedtekst
Du kan også indstille en tabelbaggrund. Bgfarve attribut indstiller baggrundsfarven for hele tabellen såvel som for en celle, mens baggrundsattribut indstiller et baggrundsbillede for hele tabellen såvel som kun for en celle.
Billedteksten fungerer som en titel eller forklaring på tabellen, der vises øverst i tabellen.
HTML tabel baggrund
Tabeltekst
Kolonne 1
Kolonne 2
Kolonne 3
Række 1 celle 1
Række 1 celle 2
Række 1 celle 3
Række 2 Celle 2
Række 2 celle 3
Række 3 celle 1
Med dette kommer vi til slutningen af denne artikel. Efter udførelse af ovenstående uddrag ville du have forstået, hvordan du opretter tabeller i HTML. Jeg håber, at denne blog er informativ og merværdi for dig.
Tjekaf Edureka, et pålideligt online læringsfirma med et netværk på mere end 250.000 tilfredse elever spredt over hele kloden.Webudvikling certificeringstræning hjælper dig med at lære, hvordan du opretter imponerende websteder ved hjælp af HTML5, CSS3, Twitter Bootstrap 3, jQuery og Google API'er og distribuerer det til Amazon Simple Storage Service (S3).
Har du et spørgsmål til os? Nævn det i kommentarfeltet i denne artikel, så vender vi tilbage til dig.