HÖGTALARE 1: Antag att du har några tabelldata som du skulle vilja layout på en webbsida i en tabell, med rader och kolumner. Hur kan vi göra det här? 

Tja, i förväg här har jag fått började med table.html, med viss öppna taggar och några stängda taggar. Insidan av kroppen nu, låt oss inkluderar tabellen taggen. Och förebyggande syfte, bara så jag inte glömma, låt oss inkludera nära bordet tagga också. Inne i det, låt oss ange en tabellrad med en tr-taggen. Och, även i förebyggande syfte, stänger det. 

Nu inne på detta v, låt oss definiera kolumner eller de data som kommer att vara Insidan av dessa kolumner, eller cellerna däri. För att göra detta, låt oss använda det td-tagg för tabelldata. Öppet fäste td nära fästet. Och nu, vad sägs om vi börjar simulera en telefonens nummer. Låt oss börja med en, och sedan stänga denna tabell uppgifter tagg. Vi öppnar en ny med 2. Stäng det en också. Och sedan en tredje. td 3 nära td. 

Vart är jag på väg med detta? Tja, hävdar jag att eftersom vi har en tabellrad, insida som vi har tre bord datas, vi har i huvudsak början till en tabell som har en rad och tre kolumner. Låt oss nu ge det en ytterligare rader. 

Nedanför nära tr-taggen, låt oss öppna annan tr-taggen, och preemptively nära som en också. Inne i det, låt oss nu göra td 4, td 5, och td 6. Nedanför den raden, låt oss göra en tredje. Öppna tabellrad, nära tabellrad. Inne i det, td 7, td 8, och td 9. 

Slutligen, bara för att göra det intressant, låt oss slutföra botten av denna telefon pad. Öppna tr och nära tr. Och inne i det, td stjärna, td 0, och td pund. Låt oss nu spara filen, förändring dess rättigheter, och visa det med en webbläsare. 

Chmod a + r table.html. Låt oss nu öppna Chrome. http://localhost/table.html. Och där har vi vad som verkar vara en HTML-tabell. Det ser inte riktigt ut som jag förväntat. Låt oss åtminstone lägga till en gräns nu runt alla dessa tabellceller. 

Låt oss gå tillbaka till gedit och bläddra fram till bordet taggen själv. Och låt oss lägga till ett attribut, som kallas "Gräns", som anger ett numeriskt värde för bredden av en gräns. Border lika citat unquote 1, där 1 betecknar bredden av bordets gräns. Låt oss spara filen och ladda om sidan i min webbläsare. 

Tillbaka i Chrome, ladda om. Och där har vi det. Mycket ful, men ändå tabelldata.