1 00:00:00,000 --> 00:00:00,170 2 00:00:00,170 --> 00:00:02,740 >> Spreker 1: Veronderstel dat jy 'n paar tabel data wat jy wil uitleg 3 00:00:02,740 --> 00:00:05,470 in 'n web bladsy in 'n tabel, met rye en kolomme. 4 00:00:05,470 --> 00:00:06,540 Hoe kan ons dit doen? 5 00:00:06,540 --> 00:00:10,480 >> Wel, in advance hier het ek gekry begin met table.html, met 'n paar 6 00:00:10,480 --> 00:00:12,300 oop tags en 'n paar geslote tags. 7 00:00:12,300 --> 00:00:15,890 Binnekant van die liggaam nou, laat ons sluit die tafel etiket. 8 00:00:15,890 --> 00:00:19,300 En preemptively, net sodat ek dit nie doen nie vergeet nie, laat ons sluit die noue tafel 9 00:00:19,300 --> 00:00:20,760 merk as well. 10 00:00:20,760 --> 00:00:24,830 Binnekant van die, laat ons spesifiseer 'n tafel ry met 'n tr tag. 11 00:00:24,830 --> 00:00:27,300 En ook preemptively, sluit dit. 12 00:00:27,300 --> 00:00:31,550 >> Nou binnekant van hierdie ry, kom ons definieer die kolomme of die data wat sal wees 13 00:00:31,550 --> 00:00:34,050 binnekant van die kolomme, of die selle daarin. 14 00:00:34,050 --> 00:00:37,470 Om dit te doen, laat ons gebruik die td tag vir tabel data. 15 00:00:37,470 --> 00:00:39,730 Open bracket td naby bracket. 16 00:00:39,730 --> 00:00:42,490 En nou, hoe gaan ons begin simuleer 'n telefoon se nommers. 17 00:00:42,490 --> 00:00:45,890 Kom ons begin met een, en dan sluit hierdie tabel data-etiket. 18 00:00:45,890 --> 00:00:47,840 Kom ons maak 'n nuwe een met 2. 19 00:00:47,840 --> 00:00:49,200 Sluit dat die een so goed. 20 00:00:49,200 --> 00:00:50,270 En dan 'n derde. 21 00:00:50,270 --> 00:00:52,980 td 3 noue td. 22 00:00:52,980 --> 00:00:54,000 >> Waar gaan ek met hierdie? 23 00:00:54,000 --> 00:00:57,840 Wel, ek beweer dat omdat ons 'n ry in die tabel, binnekant van wat ons het 24 00:00:57,840 --> 00:01:02,950 drie tabel data wat ons in wese 'n die begin van 'n tabel met 'n 25 00:01:02,950 --> 00:01:04,590 ry en drie kolomme. 26 00:01:04,590 --> 00:01:06,640 Kom ons 'n paar gee dit nou addisionele rye. 27 00:01:06,640 --> 00:01:11,300 >> Onder die noue tr tag, laat ons oop 'n ander tr tag, en preemptively naby 28 00:01:11,300 --> 00:01:12,510 dat 'n mens so goed. 29 00:01:12,510 --> 00:01:21,600 Binnekant van die, laat ons nou doen td 4, 5 td, en td 6. 30 00:01:21,600 --> 00:01:23,470 Onder die ry, kom ons doen 'n derde. 31 00:01:23,470 --> 00:01:25,680 Open tafel ry, naby tafel ry. 32 00:01:25,680 --> 00:01:34,970 Binnekant van die TD 7, 8 td, en td 9. 33 00:01:34,970 --> 00:01:37,910 >> Laastens, net om dinge interessant te maak, laat se voltooi die onderkant 34 00:01:37,910 --> 00:01:39,430 van die selfoon pad. 35 00:01:39,430 --> 00:01:42,530 Open tr en naby tr. 36 00:01:42,530 --> 00:01:51,530 En binnekant van die TD-ster, td 0, en td pond. 37 00:01:51,530 --> 00:01:54,090 Kom ons nou ook red van hierdie lêer, verandering sy regte en 38 00:01:54,090 --> 00:01:56,440 sien dit met 'n leser. 39 00:01:56,440 --> 00:02:00,220 >> Chmod n + r table.html. 40 00:02:00,220 --> 00:02:02,300 Kom ons kyk nou Chrome oop te maak. 41 00:02:02,300 --> 00:02:08,430 http://localhost/table.html. 42 00:02:08,430 --> 00:02:11,610 En daar het ons wat blyk 'n HTML tafel te wees. 43 00:02:11,610 --> 00:02:13,920 Dit maak nie heeltemal lyk soos ek verwag het. 44 00:02:13,920 --> 00:02:17,650 Kom ons ten minste 'n grens voeg nou sowat al daardie tafel selle. 45 00:02:17,650 --> 00:02:21,670 >> Kom ons gaan terug na gedit gaan blaai tot by die tafel etiket self. 46 00:02:21,670 --> 00:02:25,130 En laat ons voeg 'n kenmerk, bekend as "Grens" wat gee 'n numeriese 47 00:02:25,130 --> 00:02:27,310 waarde vir die breedte van 'n grens. 48 00:02:27,310 --> 00:02:31,160 Grens gelyk kwotasie unquote 1, waar 1 dui die wydte 49 00:02:31,160 --> 00:02:32,400 van die tafel se grens. 50 00:02:32,400 --> 00:02:36,920 Kom ons stoor die lêer en laai die bladsy in my leser. 51 00:02:36,920 --> 00:02:38,920 >> Terug in Chrome, herlaai. 52 00:02:38,920 --> 00:02:39,860 En daar het ons dit. 53 00:02:39,860 --> 00:02:42,550 Baie lelik, maar tog tabulêre data. 54 00:02:42,550 --> 00:02:44,694