>> SPEAKER 1: Anta at du har noen tabelldata som du ønsker å layout
i en web-side i en tabell, med rader og kolonner.
Hvordan kan vi gjøre dette?
>> Vel, på forhånd her jeg har fått gang med table.html, med noen
åpne koder og noen lukkede koder.
Innsiden av kroppen nå, la oss inkludere tabellen taggen.
Og preemptively, bare så jeg ikke glemme, la oss inkludere den nære bordet
merke også.
Innsiden av det, la oss spesifisere en tabell rad med en tr tag.
Og, også preemptively, lukke det.
>> Nå inne i denne raden, la oss definere kolonner eller data som vil være
Innsiden av disse kolonner, eller cellene deri.
For å gjøre dette, la oss bruke den td tag for tabelldata.
Åpen brakett td nær brakett.
Og nå, hva om vi starter å simulere En telefon numre.
La oss starte med en, og deretter lukke denne tabellen data tag.
La oss åpne en ny en med to.
Lukk at en også.
Og så en tredje.
td tre nær td.
>> Hvor skal jeg med dette?
Vel, hevder jeg at fordi vi har en tabell rad, innsiden av som vi har
tre bord datasett, vi i hovedsak har begynnelsen på en tabell som har en
rad og tre kolonner.
La oss nå gi det litt ekstra rader.
>> Under nær tr tag, la oss åpne en annen tr tag, og preemptively nær
at man også.
Innsiden av det, la oss nå do td 4, td 5, og td 6.
Under denne raden, la oss gjøre en tredje.
Åpne tabellen rad, tett tabellen rad.
Innsiden av det, td 7, td 8 og 9. td.
>> Til slutt, bare for å gjøre ting interessant, La oss fullføre bunnen
av denne telefonen pad.
Åpen tr og nær tr.
Og inne på det, td stjerne, td 0, og td pund.
La oss nå lagre denne filen, endring sine tillatelser, og
se den med en nettleser.
>> Chmod a + r table.html.
La oss nå åpne Chrome.
http://localhost/table.html.
Og der har vi det som vises være en HTML-tabell.
Det ikke helt ser ut som jeg forventet.
La oss i det minste legge en grense nå rundt alle disse tabellceller.
>> La oss gå tilbake til gedit og bla opp til bordet merkelappen selv.
Og la oss legge til et attributt, kjent som "Grensen", som angir et numerisk
verdi for bredden av en kant.
Border tilsvarer quote unquote 1, hvor 1 betegner bredden
av tabellen grense.
La oss lagre filen, og legg siden i nettleseren min.
>> Tilbake i Chrome, reload.
Og der har vi det.
Veldig stygg, men likevel tabelldata.