>> SPEAKER 1: Pieņemsim, ka jums ir kāda tabulveida dati, kurus vēlaties izkārtojumu
kas mājas lapas tabulā, ar rindām un kolonnām.
Kā mēs to varētu izdarīt?
>> Nu, jau iepriekš šeit es esmu gotten sākās ar table.html, ar dažiem
atvērt tagus un daži slēgtie tagus.
Iekšpusē ķermeņa tagad, pieņemsim ietver galda tag.
Un preemptively, tikai tāpēc man nav aizmirst, pieņemsim ietver ciešu tabulu
tag, kā labi.
Iekšpusē, kas, pieņemsim precizēt tabulas rinda ar tr tag.
Un arī preemptively, aizveriet to.
>> Tagad iekšā šajā rindā, pieņemsim definēt kolonnas vai dati, kas būs
Šo kolonnas iekšpusē, vai šūnas tajā.
Lai to izdarītu, pieņemsim izmantot td tagu tabulas datiem.
Atvērt kronšteins td tuvu konsole.
Un tagad, kā par sākam imitēt telefona ir skaitļi.
Sāksim ar vienu, un pēc tam aizvērt šo tabulu datu tagu.
Atvērsim jaunu ar 2.
Aizvērt šo vienu, kā labi.
Un tad trešais.
td 3 ciešu TD.
>> Kur es esmu, kas ar šo?
Nu, es apgalvot, ka tāpēc, ka mums ir tabulas rinda, no iekšpuses, kas mums ir
trīs galda datas, mums būtībā ir iesākums galda, kas ir viens
rinda un trīs kolonnas.
Let 's tagad dod tai dažus papildu rindas.
>> Zem cieši tr tag, pieņemsim atveriet cits tr tag, un preemptively close
ka viens, kā labi.
Iekšpusē, kas, pieņemsim tagad do td 4, TD 5, un TD 6.
Turpmāk šīs rindas, pieņemsim do trešdaļu.
Atvērt tabulas rindu, netālu tabulas rindu.
Iekšpusē, ka td 7, TD 8, un TD 9.
>> Visbeidzot, tikai, lai lietas interesanti, pieņemsim pabeigt dibenu
Šīs telefonu pad.
Atvērt tr un tuvu tr.
Un iekšpusē šo, TD zvaigzne, td 0, un td mārciņu.
Pieņemsim tagad saglabāt šo failu, mainīt tās atļaujas, un
lai to aplūkotu ar pārlūkprogrammu.
>> Chmod + r table.html.
Pieņemsim tagad atvērt Chrome.
http://localhost/table.html.
Un tur mums ir tas, kas parādās būt HTML tabulu.
Tas nav gluži izskatās es gaidīju.
Pieņemsim vismaz pievienotu apmali tagad ir aptuveni visas šīs tabulas šūnām.
>> Iesim atpakaļ uz gedit un ritinātu līdz galda tag pati.
Un pieņemsim pievienot atribūtu, kas pazīstama kā "Robežas", kas norāda skaitliska
vērtība platumu robežas.
Pārrobežu vienāds quote likt pēdiņas beigās 1, kur 1 apzīmē platumu
tabulas robežas.
Pieņemsim saglabājiet failu un pārlādēt lappuse manā pārlūkprogrammā.
>> Atpakaļ Chrome, pārlādēt.
Un tur mums ir tā.
Ļoti neglīts, bet tomēr tabulas datus.