1 00:00:00,000 --> 00:00:00,170 2 00:00:00,170 --> 00:00:02,740 >> SPEAKER 1: Antag, at du har nogle tabelform data, som du gerne vil layout 3 00:00:02,740 --> 00:00:05,470 i en webside i en tabel, med rækker og kolonner. 4 00:00:05,470 --> 00:00:06,540 Hvordan kan vi gøre det? 5 00:00:06,540 --> 00:00:10,480 >> Tja, i forvejen her jeg har fået gang med table.html, med nogle 6 00:00:10,480 --> 00:00:12,300 åbne tags og nogle lukkede tags. 7 00:00:12,300 --> 00:00:15,890 Inde i kroppen nu, lad os omfatter tabellen tag. 8 00:00:15,890 --> 00:00:19,300 Og præventivt, bare så jeg ikke glemme, lad os inkludere den tætte tabel 9 00:00:19,300 --> 00:00:20,760 tag så godt. 10 00:00:20,760 --> 00:00:24,830 Inde i det, lad os præcisere en tabelrække med en tr tag. 11 00:00:24,830 --> 00:00:27,300 Og også forebyggende, lukker det. 12 00:00:27,300 --> 00:00:31,550 >> Nu inde i denne række, lad os definere kolonner eller de data, der vil være 13 00:00:31,550 --> 00:00:34,050 indersiden af ​​disse kolonner eller cellerne deri. 14 00:00:34,050 --> 00:00:37,470 For at gøre dette, så lad os bruge den td tag for tabeldata. 15 00:00:37,470 --> 00:00:39,730 Åbneparentes td luk beslag. 16 00:00:39,730 --> 00:00:42,490 Og nu, hvor omkring vi begynder at simulere en telefons numre. 17 00:00:42,490 --> 00:00:45,890 Lad os starte med en, og derefter lukke dette tabeldata tag. 18 00:00:45,890 --> 00:00:47,840 Lad os åbne en ny med 2.. 19 00:00:47,840 --> 00:00:49,200 Luk at en så godt. 20 00:00:49,200 --> 00:00:50,270 Og så en tredje. 21 00:00:50,270 --> 00:00:52,980 td 3 tæt td. 22 00:00:52,980 --> 00:00:54,000 >> Hvor går jeg hen med dette? 23 00:00:54,000 --> 00:00:57,840 Nå, hævder jeg, at fordi vi har et tabelrække, inde som vi har 24 00:00:57,840 --> 00:01:02,950 tre bord datas, vi hovedsageligt har begyndelsen på en tabel, der har en 25 00:01:02,950 --> 00:01:04,590 række og tre kolonner. 26 00:01:04,590 --> 00:01:06,640 Lad os nu give det nogle flere rækker. 27 00:01:06,640 --> 00:01:11,300 >> Nedenfor tæt tr tag, lad os åbne en anden tr tag, og forebyggende tæt 28 00:01:11,300 --> 00:01:12,510 at en så godt. 29 00:01:12,510 --> 00:01:21,600 Inde i det, lad os nu gøre td 4 td 5, og TD 6. 30 00:01:21,600 --> 00:01:23,470 Under den række, lad os gøre en tredjedel. 31 00:01:23,470 --> 00:01:25,680 Åbent tabelrække tæt tabelrække. 32 00:01:25,680 --> 00:01:34,970 Inde i det, td 7 td 8 og TD 9. 33 00:01:34,970 --> 00:01:37,910 >> Endelig, bare for at gøre tingene interessante, Lad os afslutte bunden 34 00:01:37,910 --> 00:01:39,430 af denne telefon pad. 35 00:01:39,430 --> 00:01:42,530 Åbne tr og tæt tr. 36 00:01:42,530 --> 00:01:51,530 Og inde i det, TD stjerne, td 0, og td pund. 37 00:01:51,530 --> 00:01:54,090 Lad os nu gemme denne fil, ændre dens rettigheder og 38 00:01:54,090 --> 00:01:56,440 se den med en browser. 39 00:01:56,440 --> 00:02:00,220 >> Chmod a + r table.html. 40 00:02:00,220 --> 00:02:02,300 Lad os nu åbne Chrome. 41 00:02:02,300 --> 00:02:08,430 http://localhost/table.html. 42 00:02:08,430 --> 00:02:11,610 Og der har vi, hvad der vises at være en HTML-tabel. 43 00:02:11,610 --> 00:02:13,920 Det ser ikke helt ligner jeg havde forventet. 44 00:02:13,920 --> 00:02:17,650 Lad os i det mindste tilføje en kant nu omkring alle disse tabelceller. 45 00:02:17,650 --> 00:02:21,670 >> Lad os gå tilbage til gedit og rul til bordet tag selv. 46 00:02:21,670 --> 00:02:25,130 Og lad os tilføje en attribut, der er kendt som "Grænse", der angiver en numerisk 47 00:02:25,130 --> 00:02:27,310 værdi for bredden af ​​en grænse. 48 00:02:27,310 --> 00:02:31,160 Border lig citat citat slut 1, hvor 1 angiver bredden 49 00:02:31,160 --> 00:02:32,400 af bordet kant. 50 00:02:32,400 --> 00:02:36,920 Lad os gemme filen og genindlæse siden i min browser. 51 00:02:36,920 --> 00:02:38,920 >> Tilbage i Chrome, genindlæse. 52 00:02:38,920 --> 00:02:39,860 Og der har vi det. 53 00:02:39,860 --> 00:02:42,550 Meget grim, men ikke desto mindre tabeldata. 54 00:02:42,550 --> 00:02:44,694