Hvordan sette inn HTML -tabelloverskrift?

Hvordan sette inn HTML -tabelloverskrift?

Det er flere metoder for å representere data, for eksempel grafer, diagrammer, tabeller og mer. Men den vanligste, forståelige og håndterbare metoden er å legge til en tabell på en webside. Bordet sparer tid og rom. Videre organiserer den dataene i rader og kolonner.

Læringsutbyttet av denne guiden er:

  • Hva er bordoverskrifter?
  • Hvordan lage horisontalt topptabell i HTML?
  • Hvordan lage vertikal topptabell i HTML?

Hva er bordoverskrifter?

Overskriftene i en tabell representerer typen data som finnes i raden eller kolonnen. Overskrifter kan settes horisontalt eller vertikalt i en tabell. Mer spesifikt, “”Tag legger til overskrifter i bordet.

Hvordan lage horisontalt topptabell i HTML?

Som vi vet, består en tabell av overskrifter, rader og kolonner. Tilsvarende i HTML kan du lage tabeller ved å bruke

tag, rader med tag, og kolonner med
stikkord.

For å lage en horisontal topptabell i HTML -filen:

  • Legg til en stikkord.
  • Inne i denne taggen, legg en tagg for å gi/sette en bildetekst til bordet.
  • For å lage en bordrekke for overskriftene, legg til
  • Tagger inne i dem til
    Tagger for å spesifisere overskriftene.
  • Tilsvarende, legg til
  • Tagger for å legge til rader med data.

    Html























    Studenters kursdetaljer
    NavnFarsnavnKurs
    JohnTreGrunnleggende om Java
    WilliamJamesIntroduksjon til c++
    BenSmithMenneskelige datasystemer

    Bildet nedenfor viser at en tabell er opprettet med hell:

    La oss bruke stiler på ovennevnte bord med CSS.

    Stiler Table, TH, TD -elementer

    Tabell, TH, TD
    Font-størrelse: 24px;
    Border: 4px Solid #379237;
    Margin: Auto;
    polstring: 4px;
    Bredde: 60%;
    Font-størrelse: 25px;
    Bakgrunnsfarge: #38E54D;

    De

    ,
    , og Tagger er stylet med egenskapene som er beskrevet nedenfor:

    • skriftstørrelse”Eiendom setter skriftstørrelsen til 24px.
    • grense”Eiendom setter en grense rundt bordet med en linjebredde på 4px, solid linjestil og farge #379237.
    • margin”Eiendom er satt som“bil”, Som betyr like mellomrom for alle sidene av elementet.
    • polstring”Eiendom med verdien av“4px”Legger plass til 4px til alle sidene av innholdet inne i bordet.
    • bredde”Eiendom setter 60% bredde på tabellen.
    • skriftstørrelse”Eiendomssett/justerer skriftstørrelsen til 25px.
    • bakgrunnsfarge”Eiendom bruker #38E54D farge på bordets bakgrunn.

    Produksjon

    Hvordan lage vertikal topptabell i HTML?

    Først må du lage en tabell ved hjelp av

    stikkord. Inne i denne taggen, ta med en tag for overskriften. Etter det, for å opprette den første raden, legger du til en tag og deretter flere tagger og
    Tagger for data. Tilsvarende, legg til flere
    Tagger på samme måte:





















    Studenters kursdetaljer
    NavnJohnWilliamBen
    FarsnavnSmithTreJames
    KursGrunnleggende om JavaIntroduksjon til c++Menneskelige datasystemer

    Det kan sees at overskriftene er i det vertikale formatet:

    Slik kan du sette inn en HTML -tabellhode i en tabell.

    Konklusjon

    Dataoverskriftene er veldig nødvendige for ethvert dokument, da de representerer temaet for dataene i en bestemt kolonne eller rad i tabellen. I HTML, The

    Tagger i en tabell brukes til å legge til overskrifter i tabellen. Etter opprettelsen av HTML -siden brukes flere egenskaper for å style tabellen. Denne artikkelen har forklart HTML Tag med et eksempel.