Alt hvad du behøver at vide om HTML-tabeller



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:

java ekstern metode indkaldelse eksempel

Hvad er en HTML-tabel?

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.





HTML5
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 tags indeholder brødteksten.

HTML-tabel med sidehoved, sidefod og krop
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 række 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.

     
    : Bruges til at definere en headercelle 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
  • 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.

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 baggrundTabeltekst
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.

Tjek af 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.