NemProgrammering.dk logo
nordicway webhotel

Tabeller i HTML

HTML kursus | Lær HTML for begyndere
WordPress hjemmeside hjælp

Information om denne video

Underviser: Thomas Iversen, www.billig-webhosting.dk

I denne video viser vi, hvordan du laver tabeller i HTML. Tabeller er rigtig brugbare fordi de er gode til at organisere data på dine sider. Det er dog ikke en god ide at bygge et helt hjemmesidelayout med tabeller,her bør du istedet bruge div-tags.

I denne video anvender vi også en smule CSS, selvom du ikke har lært dette endnu. Det gør vi for at man rent faktisk kan se kanterne på vores tabel, da det eller er svært at se hvad vi arbejder med.

Herunder kan du se og kopiere HTML-koden, som vi skriver i videoen

Video tags:

Denne video relaterer til emner såsom: html hjemmesider , html kursus, HTML video tutorial, HTML5 vejledning, lær HTML5, begynder HTML5, gratis HTML 5 video tutorials, tabeller i HTML5

Her har du kildekoden

<!DOCTYPE html>
<html>
<head>
  <title>Tabeller</title>
  <meta charset="utf-8" />
  <meta name="description" content="Video om tabeller" />
  <style>
  table, th, td {
     border: 1px solid black;
  }
  </style>
</head>
<body>
  <table>
    <tr>
      <th>Virksomhed</th>
      <th>Navn</th>
    </tr>
    <tr>
      <td>Hansen ApS</td>
      <td rowspan="2">
          <table>
            <tr>
              <th>Fornavn</th>
              <th>Efternavn</th>
            </tr>
            <tr>
              <td>Mogens</td>
              <td>Hansen</td>
            </tr>
          </table>

      </td>
    </tr>
    <tr>
      <td>Hansen ApS</td>
    </tr>
    <tr>
      <td colspan="2">Pedersen A/S</td>
    </tr>
  </table>
</body>
</html>

Spørgsmål og kommentarer

Har du spørgsmål eller kommentarer? Så skriv herunder og vi eller en anden lœser vil svare hurtigst muligt!

Url´er bliver automatisk omdannet til links (nofollow).

kommentar på NemProgrammering.dk - lav din egen hjemmeside
Lasse     12-10-2019

Hej thomas Jeg har skrevet følgende css <meta name="descritption" content="Dette er siden til video 2 i vores html kursus" /> <style> table, th, td { border: 1px solid black; } </style> Mit problem er at "table, th og td" ikke bliver rødt, men forbliver i den grå farve.... Hvad er det jeg overser? mvh


kommentar på NemProgrammering.dk - lav din egen hjemmeside
Brenda Zlatea    08-04-2016

Hej Jeg vil bare sige det er fanstastisk videos for at lære programming ,even that i am not that good at danish i understand most of the meaning of . Maybe i will need some help senere later but until now its all fine . Thank you


kommentar på NemProgrammering.dk - lav din egen hjemmeside
Jonas bruskin    31-10-2015

hej jeg ville bare fortelle at man kan lave<br>med:ctrl+enter er 8år.jeg har lavet en hjemeside ved navn hvordanmon.dk/jonas


kommentar på NemProgrammering.dk - lav din egen hjemmeside
Thomas    08-09-2015

Hej Henrik, At du bruger Mac har ingen indflydelse på det. Du må gerne oprette dig som bruger på vores forum og poste din kode der inde. Så skal vi nok se på den og finde fejlen! Mvh.


kommentar på NemProgrammering.dk - lav din egen hjemmeside
Henrik    08-09-2015

Jeg kan ikke få den til at indramme de to forskellige data i samme række!?! Har ellers kigget det igennem en del gange og kan ikke spotte nogle fejl? Kan det skyldes at jeg bruger mac?


kommentar på NemProgrammering.dk - lav din egen hjemmeside
Jeppe K    23-07-2014

Nicolas. Du trykker bare på run i Netbeans og downloader pluginet til netbeans.


kommentar på NemProgrammering.dk - lav din egen hjemmeside
Nicolas    19-09-2013

Jeg har lige downloaded netbeans og lært nogle tabeller men hvordan får jeg så en side hvor det jeg skriver i netbeans kommer frem på? plzz hjælp!


kommentar på NemProgrammering.dk - lav din egen hjemmeside
Thomas    22-03-2013

Hej Tine, En generel regl er at man skal indgå tables hvor det er muligt. Tables skal bruges til at præsenetre data i rækker og kolonner, og derfor må du ikke bruge dem til layout. NemProgrammering.dk blev i sin tid bygget op omkring tables, hvilket var en stor fejl, og vi er så småt begyndt at gå over til divs...derfor... brug altid divs hvor det er muligt, også selvom de kan være sværer at arbejde med end tables.


kommentar på NemProgrammering.dk - lav din egen hjemmeside
Tine    22-03-2013

Hej Jeg har haft stor glæder af jeres videoer, så tak for at dele.. Jeg kunne godt tænke mig at kende fordele og ulemper ved bruge af tables. Kan man bruge tables til lay-out for mindre dele af ens side f.eks. menu? Giver det problemer i fht. responsive design? Mvh Tine


kommentar på NemProgrammering.dk - lav din egen hjemmeside
Niels    08-01-2013

Hej I skal have stor tak og respekt for at stille disse undervisningsvideoer til rådighed. De er meget lærerige og har et fint tempo. vh, Niels


kommentar på NemProgrammering.dk - lav din egen hjemmeside
Thomas    16-09-2012

Hej Swagger. Se her: http://www.nemprogrammering.dk/Tutorials/CSS/T6/T6CSS.php


kommentar på NemProgrammering.dk - lav din egen hjemmeside
SwaggerN    15-09-2012

Hvordan kan man farve sine tabeller?


kommentar på NemProgrammering.dk - lav din egen hjemmeside
klaus fagerlund    05-08-2012

Hej En fantastisk side. Når jeg siger view så åbner den 2 faner. Hvordan undgår jeg dette


kommentar på NemProgrammering.dk - lav din egen hjemmeside
NemProgrammering.dk    11-04-2012

Hej Bente, Desværre har vi ikke færdige scripts til funktioner som du beskriver liggende på sitet. Dog lyder det ikke som et voldsomt svært script du leder efter, så hvis du lære det basale HTML og nok også lidt PHP kan du sikkert godt selv få sat det hele sammen...


kommentar på NemProgrammering.dk - lav din egen hjemmeside
Bente    11-04-2012

Det er jo herligt at finde denne side :-) Jeg kunne tænke mig at lave en side, hvor medlemmerne kan tilmelde sig div. arrangementer. Navnene står i kolonnen til venstre, mens arrangementerne står øverst i en række. Meningen er så, at medlemmerne skal kunne sige ja/nej/ved ikke. Måske fremgår det allerede af denne side, men jeg ved så bare ikke hvad jeg skal kigge efter!?