1 00:00:00,000 --> 00:00:00,170 2 00:00:00,170 --> 00:00:02,740 >> SPEAKER 1: Recimo, da imate nekaj tabelarni podatki, ki bi radi postavitev 3 00:00:02,740 --> 00:00:05,470 na spletni strani, v tabeli, z vrsticah in stolpcih. 4 00:00:05,470 --> 00:00:06,540 Kako lahko to storimo? 5 00:00:06,540 --> 00:00:10,480 >> No, vnaprej tukaj sem prišel začel z table.html, z nekaterimi 6 00:00:10,480 --> 00:00:12,300 odprte oznake in nekatere zaprte oznake. 7 00:00:12,300 --> 00:00:15,890 Notranjost telesa Zdaj pa vključujejo oznako tabele. 8 00:00:15,890 --> 00:00:19,300 In preemptively, samo da jaz ne pozabimo, kaj je vključiti tesno mizo 9 00:00:19,300 --> 00:00:20,760 označim kot dobro. 10 00:00:20,760 --> 00:00:24,830 Znotraj tega, kaj je opredeliti vrstica tabele s tr oznako. 11 00:00:24,830 --> 00:00:27,300 In tudi preemptively, da zaprete. 12 00:00:27,300 --> 00:00:31,550 >> Sedaj znotraj te vrstice, kaj je opredeliti stolpci ali podatkov, ki bo 13 00:00:31,550 --> 00:00:34,050 znotraj teh stolpcev, ali njene celice. 14 00:00:34,050 --> 00:00:37,470 Če želite to narediti, pa uporabite td tag za namizne podatkov. 15 00:00:37,470 --> 00:00:39,730 Oklepaj td zaklepaj. 16 00:00:39,730 --> 00:00:42,490 In zdaj, kaj bomo začeli simulira številke telefonskega je. 17 00:00:42,490 --> 00:00:45,890 Začnimo z eno, in nato zapri to tabelo podatkov oznako. 18 00:00:45,890 --> 00:00:47,840 Odprimo novo z 2. 19 00:00:47,840 --> 00:00:49,200 Zaprite eno dobro. 20 00:00:49,200 --> 00:00:50,270 Nato pa tretji. 21 00:00:50,270 --> 00:00:52,980 td 3 zapri TD. 22 00:00:52,980 --> 00:00:54,000 >> Kam grem s tem? 23 00:00:54,000 --> 00:00:57,840 No, jaz trdijo, da zato, ker imamo vrstica tabele, od znotraj katere imamo 24 00:00:57,840 --> 00:01:02,950 tri namizne datas, smo v bistvu imeli Začetki tabelo, ki ima eno 25 00:01:02,950 --> 00:01:04,590 vrstici in tri stolpce. 26 00:01:04,590 --> 00:01:06,640 Dajmo ji zdaj dam nekaj dodatne vrstice. 27 00:01:06,640 --> 00:01:11,300 >> Pod tesnem tr tag, odprimo drugo tr tag, in preemptively blizu 28 00:01:11,300 --> 00:01:12,510 da kot eno dobro. 29 00:01:12,510 --> 00:01:21,600 Znotraj tega, dajmo zdaj narediti td 4, TD 5, 6 in TD. 30 00:01:21,600 --> 00:01:23,470 Pod to vrstico, naredimo tretji. 31 00:01:23,470 --> 00:01:25,680 Odpri vrstica tabele, blizu vrstice tabele. 32 00:01:25,680 --> 00:01:34,970 Znotraj tega, td 7, TD 8 in 9 TD. 33 00:01:34,970 --> 00:01:37,910 >> Nazadnje, samo, da bi se stvari zanimivo, pa izpolnite spodnji 34 00:01:37,910 --> 00:01:39,430 tega telefona pad. 35 00:01:39,430 --> 00:01:42,530 Odpri tr in blizu tr. 36 00:01:42,530 --> 00:01:51,530 In znotraj tega, TD zvezde, td 0, in td funt. 37 00:01:51,530 --> 00:01:54,090 Pojdimo zdaj shranite to datoteko, spremembe njegove dovoljenja, in 38 00:01:54,090 --> 00:01:56,440 si jo ogledate v brskalniku. 39 00:01:56,440 --> 00:02:00,220 >> Chmod + r table.html. 40 00:02:00,220 --> 00:02:02,300 Pojdimo zdaj odpreti Chrome. 41 00:02:02,300 --> 00:02:08,430 http://localhost/table.html. 42 00:02:08,430 --> 00:02:11,610 In tam imamo, kar se zdi biti HTML tabela. 43 00:02:11,610 --> 00:02:13,920 To ni čisto izgledal sem pričakoval. 44 00:02:13,920 --> 00:02:17,650 Dajmo vsaj dodati obrobo zdaj okoli vseh teh celic tabele. 45 00:02:17,650 --> 00:02:21,670 >> Vrnimo se k gedit in se pomaknite do samega tabele oznako. 46 00:02:21,670 --> 00:02:25,130 In naj dodamo atribut, znano kot "Meja", ki določa numerični 47 00:02:25,130 --> 00:02:27,310 vrednost za širino meje. 48 00:02:27,310 --> 00:02:31,160 Meja je enaka quote citata 1, kjer 1 pomeni širino 49 00:02:31,160 --> 00:02:32,400 od meje tabele. 50 00:02:32,400 --> 00:02:36,920 Oglejmo shranite in osvežite stran v mojem brskalniku. 51 00:02:36,920 --> 00:02:38,920 >> Nazaj v Chrome, osvežite. 52 00:02:38,920 --> 00:02:39,860 In tam jo imamo. 53 00:02:39,860 --> 00:02:42,550 Zelo grd, vendar kljub temu tabelarnih podatkov. 54 00:02:42,550 --> 00:02:44,694