1 00:00:00,000 --> 00:00:00,170 2 00:00:00,170 --> 00:00:02,740 >> SPEAKER 1: Да предположим, че имате някакъв таблични данни, които искате да оформление 3 00:00:02,740 --> 00:00:05,470 в уеб страница в таблица, с редове и колони. 4 00:00:05,470 --> 00:00:06,540 Как бихме могли да направим това? 5 00:00:06,540 --> 00:00:10,480 >> Е, по-рано тук съм намерила Започнахме с table.html, с някои 6 00:00:10,480 --> 00:00:12,300 отворени тагове и някои затворени тагове. 7 00:00:12,300 --> 00:00:15,890 Вътре в тялото сега, нека да включва таг маса. 8 00:00:15,890 --> 00:00:19,300 И изпреварващо, само за да мога да не направя забрави, нека да включва близо таблицата 9 00:00:19,300 --> 00:00:20,760 тагове, както добре. 10 00:00:20,760 --> 00:00:24,830 Вътре в това, нека да се уточни ред на таблица с етикет TR. 11 00:00:24,830 --> 00:00:27,300 И, също изпреварващо, затворете това. 12 00:00:27,300 --> 00:00:31,550 >> Сега вътре в този ред, нека да се дефинира колони или данните, които ще бъдат 13 00:00:31,550 --> 00:00:34,050 вътре в тези колони, или клетките в него. 14 00:00:34,050 --> 00:00:37,470 За да направите това, да използвате TD тагове за таблични данни. 15 00:00:37,470 --> 00:00:39,730 Open скоба TD близо скоба. 16 00:00:39,730 --> 00:00:42,490 И сега, какво ще кажеш да започнем симулиране номера на телефонните му. 17 00:00:42,490 --> 00:00:45,890 Да започнем с едно, а след това затворете тази таблица тагове данни. 18 00:00:45,890 --> 00:00:47,840 Да отворим нов с 2. 19 00:00:47,840 --> 00:00:49,200 Затвори че такъв. 20 00:00:49,200 --> 00:00:50,270 И след това една трета. 21 00:00:50,270 --> 00:00:52,980 TD 3 близо TD. 22 00:00:52,980 --> 00:00:54,000 >> Къде отивам с това? 23 00:00:54,000 --> 00:00:57,840 Е, аз твърдя, че тъй като ние имаме табличен ред, вътре в която ние имаме 24 00:00:57,840 --> 00:01:02,950 три маси адреси, ние по същество имат началото на една таблица, която има един 25 00:01:02,950 --> 00:01:04,590 ред и три колони. 26 00:01:04,590 --> 00:01:06,640 Нека сега я дам някои допълнителни редове. 27 00:01:06,640 --> 00:01:11,300 >> Под затварящия етикет TR, да отворим TR друг етикет, и изпреварващо близо 28 00:01:11,300 --> 00:01:12,510 че такъв. 29 00:01:12,510 --> 00:01:21,600 Вътре в това, нека сега направи TD 4, 5 TD, и TD 6. 30 00:01:21,600 --> 00:01:23,470 Под този ред, нека да направим една трета. 31 00:01:23,470 --> 00:01:25,680 Open ред на таблица, в близост ред от таблицата. 32 00:01:25,680 --> 00:01:34,970 Вътре в това, TD 7, 8 TD, и TD 9. 33 00:01:34,970 --> 00:01:37,910 >> На последно място, само за да направим нещата по-интересно, нека да завърши на дъното 34 00:01:37,910 --> 00:01:39,430 на този телефон тампон. 35 00:01:39,430 --> 00:01:42,530 Open TR и близо TR. 36 00:01:42,530 --> 00:01:51,530 А вътре в това, TD звезда, TD 0 и TD паунд. 37 00:01:51,530 --> 00:01:54,090 Нека сега запишете този файл, промяна неговите права, и 38 00:01:54,090 --> 00:01:56,440 го видите с браузър. 39 00:01:56,440 --> 00:02:00,220 >> CHMOD A + R table.html. 40 00:02:00,220 --> 00:02:02,300 Нека сега се отвори Chrome. 41 00:02:02,300 --> 00:02:08,430 http://localhost/table.html. 42 00:02:08,430 --> 00:02:11,610 И ние имаме това, което изглежда да бъде HTML таблица. 43 00:02:11,610 --> 00:02:13,920 Тя не съвсем изглежда като очаквах. 44 00:02:13,920 --> 00:02:17,650 Нека поне добавите граница сега около всички тези клетки на таблица. 45 00:02:17,650 --> 00:02:21,670 >> Нека се върнем на Gedit и превъртете до самия етикет на маса. 46 00:02:21,670 --> 00:02:25,130 И нека добавим атрибут, известен като "Граница", в който се посочва цифров 47 00:02:25,130 --> 00:02:27,310 стойност за ширината на границите. 48 00:02:27,310 --> 00:02:31,160 Гранична равнява кавички 1, където 1 означава ширината 49 00:02:31,160 --> 00:02:32,400 на границата на масата. 50 00:02:32,400 --> 00:02:36,920 Нека да запишете файла и се презарежда страницата в браузъра си. 51 00:02:36,920 --> 00:02:38,920 >> Обратно в Chrome, презареди. 52 00:02:38,920 --> 00:02:39,860 И ние я имаме. 53 00:02:39,860 --> 00:02:42,550 Много грозно, но все пак таблични данни. 54 00:02:42,550 --> 00:02:44,694