HTML-tabellen zijn eenvoudig te maken als u de basisbeginselen van rijen en kolommen begrijpt, en ook als u eenmaal begrijpt wanneer het OK is om een tabel te gebruiken en wanneer u ze moet vermijden.
Een korte geschiedenis van tabellen en webontwerp
Vele jaren geleden, vóór acceptabele CSS- en webstandaarden, gebruikten webontwerpers de HTML
element om een paginalay-out voor sites te maken. Website-ontwerpen zouden als een puzzel in kleine stukjes worden "gesneden" en vervolgens worden gecombineerd met een HTML-tabel die in de browser wordt weergegeven zoals bedoeld. Het was een zeer complex proces dat veel extra HTML-markeringen creëerde en dat vandaag nooit bruikbaar zou zijn in de wereld met meerdere schermen waarin onze websites leven. Aangezien CSS de geaccepteerde methode werd voor visuals en lay-out van webpagina's, werd het gebruik van tabellen hiervoor gemeden en veel webontwerpers geloofden ten onrechte dat "tabellen slecht waren". Dat was en is niet waar. Tabellen voor lay-out zijn slecht, maar ze hebben nog steeds een plaats in webontwerp en HTML, namelijk om tabelgegevens weer te geven, zoals een kalender of een dienstregeling. Voor die inhoud is het gebruik van een tabel nog steeds een acceptabele en goede aanpak.
Dus hoe ontwerp je een tabel? Laten we beginnen met het maken van een eenvoudig 2x2-tabel. Dit heeft 2 kolommen (dit zijn de verticale blokken) en 2 rijen (de horizontale blokken). Nadat u een 2x2-tabel hebt gemaakt, kunt u elke gewenste groottetabel maken door eenvoudigweg extra rijen of kolommen toe te voegen.
Hier is hoe
-
Open eerst de tafel
-
Open de eerste rij met de tr-tag
-
Open de eerste kolom met de td-tag
|
-
Schrijf de inhoud van de cel
-
Sluit de eerste cel en open de tweede
|
-
Schrijf de inhoud van de tweede cel
-
Sluit de tweede cel en sluit de rij
-
Schrijf de tweede rij precies als de eerste
| | |
-
Sluit dan de tafel
-
Dat is het!
U kunt er ook voor kiezen om tabelkoppen toe te voegen aan uw tabel met behulp van de
element. Deze tabelkoppen zouden de "tabelgegevens" -onderdelen in de eerste rij van de tabel vervangen door:
| Naam | Rol | | Jeremy | Ontwerper | Jennifer | Ontwikkelaar |
Wanneer deze pagina in de browser wordt weergegeven, wordt die eerste rij met de tabelkoppen standaard vetgedrukt weergegeven en zouden ze worden gecentreerd in de tabelcel waarin ze voorkomen.
Dus, is het OK om tabellen in HTML te gebruiken?
Ja, zolang u ze niet gebruikt voor lay-outdoeleinden, is het OK om tabellen te gebruiken. Als u tabelinformatie wilt weergeven, is een tabel de manier om dit te doen. In feite is het vermijden van een tabel vanwege een misplaatste zuiverheid om dit legitieme HTML-element te schuwen even achterlijk als het gebruik ervan om lay-outredenen in deze tijd.
Geschreven door Jennifer Kyrin. Bewerkt door Jeremy Girard.
|
