LUIDSPREKER 1: Stel dat u een aantal tabelvorm gegevens die u wilt lay-out in een webpagina in een tabel, met rijen en kolommen. Hoe kunnen we dit doen? 

Nou ja, van tevoren hier ik heb gekregen begon met table.html, met enkele geopend tags en een aantal gesloten tags. Binnenkant van het lichaam nu, laten we onder de tafel tag. En preventief, zodat ik niet vergeten, laten we onder meer de nauwe tafel tag ook. Binnenkant van dat, laten we opgeven een tabel rij met een tr-tag. En, ook preventief, sluit dat. 

Nu binnenkant van deze rij, laten we de kolommen of de gegevens die worden binnenzijde van de kolommen, of de cellen daarin. Om dit te doen, laten we gebruik maken van de td-tag voor tabelgegevens. Open beugel td haakje sluiten. En nu, hoe zit we beginnen simuleren nummers een telefoon is. Laten we beginnen met een, en dan sluit deze tabel gegevens tag. Laten we een nieuwe te openen met 2. Sluiten dat een als goed. En dan een derde. td 3 afsluiten td. 

Waar ga ik heen met dit? Nou, ik beweer dat omdat we een tabelrij, binnen waarvan we drie tafel datas, we wezen moeten het begin van een tabel die men heeft rijen en drie kolommen. Laten we het nu zo'n extra rijen. 

Onder de nauwe tr-tag, laten we openen andere tr-tag, en preemptively dicht dat men ook. Binnenkant van dat, laten we nu do td 4, td 5, en td 6. Daaronder rij, laten we een derde. Open tafel rij, dicht tabelrij. Binnenkant van dat, td 7, td 8 en td 9. 

Ten slotte, gewoon om dingen interessant te maken, laten we vullen de bodem van deze telefoon pad. Open tr en dicht tr. En de binnenkant van dat, td ster, td 0 en td pond. Laten we nu sla dit bestand, verandering de machtigingen en het bekijken met een browser. 

Chmod a + r table.html. Laten we nu openen Chrome. http://localhost/table.html. En daar hebben we wat lijkt een HTML-tabel. Het niet helemaal uitzien als ik had verwacht. Laten we in ieder geval een rand toevoegen nu rond al die tabelcellen. 

Laten we teruggaan naar gedit gaan en scroll naar de tafel label zelf. En voegen we een attribuut, die bekend staat als "Grens", dat een numerieke specificeert waarde voor de breedte van een grens. Grens gelijk citaat unquote 1, waarbij 1 de breedte van de rand van de tafel. Laten we het bestand opslaan en herladen de pagina in mijn browser. 

Terug in Chrome, herladen. En daar hebben we het. Erg lelijk, maar toch tabelvorm.