1 00:00:00,000 --> 00:00:00,170 2 00:00:00,170 --> 00:00:02,740 >> SPEAKER 1: Pieņemsim, ka jums ir kāda tabulveida dati, kurus vēlaties izkārtojumu 3 00:00:02,740 --> 00:00:05,470 kas mājas lapas tabulā, ar rindām un kolonnām. 4 00:00:05,470 --> 00:00:06,540 Kā mēs to varētu izdarīt? 5 00:00:06,540 --> 00:00:10,480 >> Nu, jau iepriekš šeit es esmu gotten sākās ar table.html, ar dažiem 6 00:00:10,480 --> 00:00:12,300 atvērt tagus un daži slēgtie tagus. 7 00:00:12,300 --> 00:00:15,890 Iekšpusē ķermeņa tagad, pieņemsim ietver galda tag. 8 00:00:15,890 --> 00:00:19,300 Un preemptively, tikai tāpēc man nav aizmirst, pieņemsim ietver ciešu tabulu 9 00:00:19,300 --> 00:00:20,760 tag, kā labi. 10 00:00:20,760 --> 00:00:24,830 Iekšpusē, kas, pieņemsim precizēt tabulas rinda ar tr tag. 11 00:00:24,830 --> 00:00:27,300 Un arī preemptively, aizveriet to. 12 00:00:27,300 --> 00:00:31,550 >> Tagad iekšā šajā rindā, pieņemsim definēt kolonnas vai dati, kas būs 13 00:00:31,550 --> 00:00:34,050 Šo kolonnas iekšpusē, vai šūnas tajā. 14 00:00:34,050 --> 00:00:37,470 Lai to izdarītu, pieņemsim izmantot td tagu tabulas datiem. 15 00:00:37,470 --> 00:00:39,730 Atvērt kronšteins td tuvu konsole. 16 00:00:39,730 --> 00:00:42,490 Un tagad, kā par sākam imitēt telefona ir skaitļi. 17 00:00:42,490 --> 00:00:45,890 Sāksim ar vienu, un pēc tam aizvērt šo tabulu datu tagu. 18 00:00:45,890 --> 00:00:47,840 Atvērsim jaunu ar 2. 19 00:00:47,840 --> 00:00:49,200 Aizvērt šo vienu, kā labi. 20 00:00:49,200 --> 00:00:50,270 Un tad trešais. 21 00:00:50,270 --> 00:00:52,980 td 3 ciešu TD. 22 00:00:52,980 --> 00:00:54,000 >> Kur es esmu, kas ar šo? 23 00:00:54,000 --> 00:00:57,840 Nu, es apgalvot, ka tāpēc, ka mums ir tabulas rinda, no iekšpuses, kas mums ir 24 00:00:57,840 --> 00:01:02,950 trīs galda datas, mums būtībā ir iesākums galda, kas ir viens 25 00:01:02,950 --> 00:01:04,590 rinda un trīs kolonnas. 26 00:01:04,590 --> 00:01:06,640 Let 's tagad dod tai dažus papildu rindas. 27 00:01:06,640 --> 00:01:11,300 >> Zem cieši tr tag, pieņemsim atveriet cits tr tag, un preemptively close 28 00:01:11,300 --> 00:01:12,510 ka viens, kā labi. 29 00:01:12,510 --> 00:01:21,600 Iekšpusē, kas, pieņemsim tagad do td 4, TD 5, un TD 6. 30 00:01:21,600 --> 00:01:23,470 Turpmāk šīs rindas, pieņemsim do trešdaļu. 31 00:01:23,470 --> 00:01:25,680 Atvērt tabulas rindu, netālu tabulas rindu. 32 00:01:25,680 --> 00:01:34,970 Iekšpusē, ka td 7, TD 8, un TD 9. 33 00:01:34,970 --> 00:01:37,910 >> Visbeidzot, tikai, lai lietas interesanti, pieņemsim pabeigt dibenu 34 00:01:37,910 --> 00:01:39,430 Šīs telefonu pad. 35 00:01:39,430 --> 00:01:42,530 Atvērt tr un tuvu tr. 36 00:01:42,530 --> 00:01:51,530 Un iekšpusē šo, TD zvaigzne, td 0, un td mārciņu. 37 00:01:51,530 --> 00:01:54,090 Pieņemsim tagad saglabāt šo failu, mainīt tās atļaujas, un 38 00:01:54,090 --> 00:01:56,440 lai to aplūkotu ar pārlūkprogrammu. 39 00:01:56,440 --> 00:02:00,220 >> Chmod + r table.html. 40 00:02:00,220 --> 00:02:02,300 Pieņemsim tagad atvērt Chrome. 41 00:02:02,300 --> 00:02:08,430 http://localhost/table.html. 42 00:02:08,430 --> 00:02:11,610 Un tur mums ir tas, kas parādās būt HTML tabulu. 43 00:02:11,610 --> 00:02:13,920 Tas nav gluži izskatās es gaidīju. 44 00:02:13,920 --> 00:02:17,650 Pieņemsim vismaz pievienotu apmali tagad ir aptuveni visas šīs tabulas šūnām. 45 00:02:17,650 --> 00:02:21,670 >> Iesim atpakaļ uz gedit un ritinātu līdz galda tag pati. 46 00:02:21,670 --> 00:02:25,130 Un pieņemsim pievienot atribūtu, kas pazīstama kā "Robežas", kas norāda skaitliska 47 00:02:25,130 --> 00:02:27,310 vērtība platumu robežas. 48 00:02:27,310 --> 00:02:31,160 Pārrobežu vienāds quote likt pēdiņas beigās 1, kur 1 apzīmē platumu 49 00:02:31,160 --> 00:02:32,400 tabulas robežas. 50 00:02:32,400 --> 00:02:36,920 Pieņemsim saglabājiet failu un pārlādēt lappuse manā pārlūkprogrammā. 51 00:02:36,920 --> 00:02:38,920 >> Atpakaļ Chrome, pārlādēt. 52 00:02:38,920 --> 00:02:39,860 Un tur mums ir tā. 53 00:02:39,860 --> 00:02:42,550 Ļoti neglīts, bet tomēr tabulas datus. 54 00:02:42,550 --> 00:02:44,694