1 00:00:00,000 --> 00:00:00,170 2 00:00:00,170 --> 00:00:02,740 >> ZVUČNIK 1: Pretpostavimo da imate neke tabelarni podaci koji želite da izgleda 3 00:00:02,740 --> 00:00:05,470 na web stranici u tablici, s redaka i stupaca. 4 00:00:05,470 --> 00:00:06,540 Kako bismo mogli to učiniti? 5 00:00:06,540 --> 00:00:10,480 >> Pa, u unaprijed ovdje sam stečen započeo s table.html, s nekim 6 00:00:10,480 --> 00:00:12,300 otvorene oznake i neke zatvorene oznake. 7 00:00:12,300 --> 00:00:15,890 Unutar tijela sada, neka je uključuju stol oznaku. 8 00:00:15,890 --> 00:00:19,300 I preventivno, samo da mi se ne zaboravi, neka je uključiti zatvoriti stol 9 00:00:19,300 --> 00:00:20,760 označiti kao dobro. 10 00:00:20,760 --> 00:00:24,830 Unutar toga, neka je odrediti redak tablice sa tr oznaku. 11 00:00:24,830 --> 00:00:27,300 I, također preventivno, zatvoriti to. 12 00:00:27,300 --> 00:00:31,550 >> Sada unutar ovog redu, neka je definirati stupaca ili podataka koji će biti 13 00:00:31,550 --> 00:00:34,050 unutar tih stupaca, ili stanice u njemu. 14 00:00:34,050 --> 00:00:37,470 Da biste to učinili, neka je koristiti td tag za tablice podataka. 15 00:00:37,470 --> 00:00:39,730 Otvorena zagrada td blizu nosač. 16 00:00:39,730 --> 00:00:42,490 A sada, o tome kako smo započeti simuliranja brojevi telefona koji je. 17 00:00:42,490 --> 00:00:45,890 Počnimo s jednom, a zatim zatvaranje ove tablice podataka oznaku. 18 00:00:45,890 --> 00:00:47,840 Idemo otvoriti novi sa 2. 19 00:00:47,840 --> 00:00:49,200 Zatvorite taj neki kao dobro. 20 00:00:49,200 --> 00:00:50,270 I onda treći. 21 00:00:50,270 --> 00:00:52,980 td 3 Zatvorite TD. 22 00:00:52,980 --> 00:00:54,000 >> Kamo idem s ovim? 23 00:00:54,000 --> 00:00:57,840 Pa, ja tvrdim da zato što imamo redak tablice, unutar koje imamo 24 00:00:57,840 --> 00:01:02,950 tri table tablica podataka, što u suštini imaju počeci tablici koja ima jednu 25 00:01:02,950 --> 00:01:04,590 red i tri stupca. 26 00:01:04,590 --> 00:01:06,640 Idemo sada dati neke dodatni redovi. 27 00:01:06,640 --> 00:01:11,300 >> Ispod neposrednoj tr oznaku, idemo otvoriti druga tr tag, i preventivno zatvoriti 28 00:01:11,300 --> 00:01:12,510 da se kao dobro. 29 00:01:12,510 --> 00:01:21,600 Unutar toga, neka je sad učiniti TD 4, TD 5 i 6 TD. 30 00:01:21,600 --> 00:01:23,470 Ispod tog redu, idemo napraviti treći. 31 00:01:23,470 --> 00:01:25,680 Otvoren redak tablice, u neposrednoj blizini redak tablice. 32 00:01:25,680 --> 00:01:34,970 Unutar toga, td 7, 8 TD, i TD 9. 33 00:01:34,970 --> 00:01:37,910 >> Na kraju, samo da bi se stvari zanimljiva, neka je dovršetak dno 34 00:01:37,910 --> 00:01:39,430 ovog telefona jastuk. 35 00:01:39,430 --> 00:01:42,530 Otvoreno tr i blizu tr. 36 00:01:42,530 --> 00:01:51,530 A unutar toga, TD zvijezda, 0 td, i td funta. 37 00:01:51,530 --> 00:01:54,090 Idemo sada spasiti ovu sliku, promjenu njezina dopuštenja, a 38 00:01:54,090 --> 00:01:56,440 pregledati u pregledniku. 39 00:01:56,440 --> 00:02:00,220 >> Chmod + r table.html. 40 00:02:00,220 --> 00:02:02,300 Idemo sada otvoriti Chrome. 41 00:02:02,300 --> 00:02:08,430 http://localhost/table.html. 42 00:02:08,430 --> 00:02:11,610 I tu imamo ono što se pojavljuje biti HTML tablice. 43 00:02:11,610 --> 00:02:13,920 To ne sasvim izgledaju kao što sam očekivao. 44 00:02:13,920 --> 00:02:17,650 Idemo barem dodati granice sada oko sve one ćelija tablice. 45 00:02:17,650 --> 00:02:21,670 >> Idemo natrag u gedit i pomaknite do stola sama krpa. 46 00:02:21,670 --> 00:02:25,130 I dodajmo atribut, poznat kao "Granica", koja određuje numerički 47 00:02:25,130 --> 00:02:27,310 vrijednost za širinu granice. 48 00:02:27,310 --> 00:02:31,160 Granična jednako citat Citat završen jedan, gdje 1 predstavlja širinu 49 00:02:31,160 --> 00:02:32,400 stola granice. 50 00:02:32,400 --> 00:02:36,920 Idemo spremite datoteku i ponovno stranica u mom pregledniku. 51 00:02:36,920 --> 00:02:38,920 >> Natrag u Chrome, ponovno napuniti. 52 00:02:38,920 --> 00:02:39,860 I tamo smo ga. 53 00:02:39,860 --> 00:02:42,550 Vrlo ružno, ali ipak tablični podataka. 54 00:02:42,550 --> 00:02:44,694