HTML-tabeller er nemme at oprette, når du forstår det grundlæggende i rækker og kolonner, og også når du forstår, hvornår det er OK at bruge et bord, og når du skal undgå dem.
En kort historie af tabeller og webdesign
For mange år siden, før acceptabel CSS og webstandarder, brugte webdesignere HTML
element til at oprette et sidelayout for websteder. Website designs ville blive "skåret" i små stykker som et puslespil og derefter kombineret med et HTML-bord til at gøre i browseren som planlagt. Det var en meget kompleks proces, der skabte masser af ekstra HTML-markup, og som aldrig ville være brugbar i dag i den multi-skærmverden, vores websites lever i. Da CSS blev den accepterede metode til webside-visuelle og layout, blev brugen af tabeller herfor blevet shunned og mange webdesignere fejlagtigt troede at "tabeller var dårlige." Det var og er usikkert. Tabeller til layout er dårlige, men de har stadig et sted i webdesign og HTML, nemlig at vise tabeldata som en kalender eller togplan. Til dette indhold er en tabel stadig en acceptabel og god tilgang.
Så hvordan laver du et bord? Lad os begynde med at oprette et simpelt 2x2 bord. Dette vil have 2 kolonner (disse er de lodrette blokke) og 2 rækker (de vandrette blokke). Når du har opbygget et 2x2 bord, kan du opbygge alle størrelsestabeller, du vil have, ved blot at tilføje yderligere rækker eller kolonner.
Her er hvordan
-
Først åbner bordet
-
Åbn den første række med tr-taggen
-
Åbn den første kolonne med td-taggen
|
-
Skriv indholdet af cellen
-
Luk den første celle og åben den anden
|
-
Skriv indholdet af den anden celle
-
Luk den anden celle og luk rækken
-
Skriv den anden række nøjagtigt som den første
| | |
-
Luk derefter bordet
-
Det er det!
Du kan også vælge at tilføje tabeloverskrifter til dit bord ved hjælp af
element. Disse tabeloverskrifter ville erstatte "tabellen data" stykker i den første tabelrække, som denne:
| Navn | rolle | | Jeremy | Designer | Jennifer | Udvikler |
Når denne side skulle gengives i browseren, vises den første række med tabeloverskrifter som standard med fed skrift, og de vil være centreret i den tabelcelle, de vises i.
Så er det OK at bruge tabeller i HTML?
Ja, så længe du ikke bruger dem til layoutformål, er det ok at bruge tabeller. Hvis du har brug for at vise tabeloplysninger, er en tabel den måde at gøre. Faktisk undgår man en tabel på grund af en vis misforstået renhed for at undgå dette legitime HTML-element, så tilbage som at bruge dem til layoutårsager i denne dag og alder.
Skrevet af Jennifer Kyrin. Redigeret af Jeremy Girard.
|
