Sådan oprettes en tabel i HTML

At opbygge et bord i HTML er lidt vanskeligt. Men med trinene i denne artikel vil du være i stand til at oprette en til dit websted.

trin

Video: MySQL og PHP kursus- #6 Video tutorial - Indsæt data i tabel via HTML formular

Billedbetegnelse Kursiver tekst i HTML Trin 1
1
Åbn et simpelt tekstredigeringsprogram, f.eks. Notesblok eller WordPad i Windows, eller på en Mac, åbner TextEdit.
  • Video: MySQL og PHP kursus- #5 Video tutorial - Vis data fra tabel på hjemmesiden

    Billede med titlen Opret en tabel i HTML-kode Trin 2
    2
    Indtast al den ønskede HTML-tekst, før du opretter tabellen.
  • 3
    Indstil brugen af ​​et bord til HTML-dokumentet ved at skrive tagget.

    Video: MySQL og PHP kursus- #8 Video tutorial - Opret ny tabel via din hjemmeside

    Billede med titlen Opret en tabel i HTML-kode Trin 3
  • 4
    Tryk på Enter.

    Billede med titlen Opret en tabel i HTML-kode Trin 4
  • Billede med titlen Opret en tabel i HTML-kode Trin 5
    5
    Indtast bordets linjepause-tag .
  • 6
    Husk at bygge alle de resterende elementer fra venstre til højre.
  • Billede med titlen Opret en tabel i HTML-kode Trin 7
    7
    Tryk på Enter.
  • Billede med titlen Opret en tabel i HTML-kode Trin 8
    8
    Indtast åbningstabellen i tabeloverskriften ved hjælp af tagget .
  • Billede med titlen Opret en tabel i HTML-kode Trin 9
    9
    Indtast det navn, du vil bruge til den første kolonne.
  • Billede med titlen Opret en tabel i HTML-kode Trin 10
    10
    Indtast lukkekoden for tabeloverskriften gennem tagget .
  • Billede med titlen Opret en tabel i HTML-kode Trin 11
    11
    Tryk på Enter.
  • Billede med titlen Opret en tabel i HTML-kode Trin 12
    12
    Gentag disse trin (konstruere elementerne i kolonnerne i venstre til højre.
  • Billede med titlen Opret en tabel i HTML-kode Trin 13
    13
    Luk linjen ved at skrive tagget tag.


  • Billede med titlen Opret en tabel i HTML-kode Trin 14
    14
    Tryk på Enter.
  • Billede med titlen Opret en tabel i HTML-kode Trin 15
    15
    Start en anden linje med et andet tag .
  • Billede med titlen Opret en tabel i HTML-kode Trin 16
    16
    Tryk på Enter.
  • Billede med titlen Opret en tabel i HTML-kode Trin 17
    17
    Indtast åbningstagget for tabeldata .
  • Billede med titlen Opret en tabel i HTML-kode Trin 18
    18
    Indtast de data, du ønsker i hvert felt i tabellen.
  • 19
    Arbejde fra venstre mod højre ved at udfylde dataene fra de ovenfor anførte kolonner.
  • Billede med titlen Opret en tabel i HTML-kode Trin 20
    20
    Luk hver post med et tag .
  • 21
    Gentag for hver eksisterende tabeldataindtastning.
    • For celler, der ikke kræver nogen input, skriv og uden data mellem tags. Dette vil være mere nyttigt for celler mellem to andre celler.
      Billede med titlen Opret en tabel i HTML-kode Trin 21Bullet1
  • Billede med titlen Opret en tabel i HTML-kode Trin 22
    22
    Luk hver post med et tag .
  • Billede med titlen Opret en tabel i HTML-kode Trin 23
    23
    Gentag hver linje under linjerne og indtil hver rekord er færdiggjort.
  • Billede med titlen Opret en tabel i HTML-kode Trin 24
    24
    Luk bordet med mærket .
  • Video: Tabeller - HTML Episode 5

    Billede med titlen Opret en tabel i HTML-kode Trin 25
    25
    Indtast den ønskede HTML-tekst for resten af ​​dokumentet.
  • tips

    • Bland hver linje, så du senere kan forstå, hvad du gjorde i din kode.

    advarsler

    • Hvis du ved et uheld indtaster mange dataindtastninger i kolonner, hvor der ikke er nogen tabeloverskrift, vises de stadig, men med et dårligt udseende, og læseren forstår ikke dataene.
    • Bygningstabeller på en HTML-side er en ret kompliceret proces at forstå. Øv først i eksterne data for at se, hvordan resultatet bliver, så visualiser det og indsæt et nyt bord i stedet.
    • Det er bedst at forlade koderne til HTML-tabeller til avancerede HTML-programmører. Men når du har fulgt disse instruktioner, vil du også blive en af ​​dem, selvom en nybegynder.
    Del på sociale netværk:

    Relaterede
    © 2024 HodTari.com