1 00:00:00,000 --> 00:00:00,170 2 00:00:00,170 --> 00:00:02,740 >> ALTAVEU 1: Suposem que vostè té algun dades tabulars que li agradaria a la disposició 3 00:00:02,740 --> 00:00:05,470 en una pàgina web en una taula, amb files i columnes. 4 00:00:05,470 --> 00:00:06,540 Com podem fer això? 5 00:00:06,540 --> 00:00:10,480 >> Bé, per a l'exposició aquí he arribat començat amb table.html, amb alguns 6 00:00:10,480 --> 00:00:12,300 etiquetes d'obertura i algunes etiquetes tancades. 7 00:00:12,300 --> 00:00:15,890 A l'interior del cos, ara, anem a incloure l'etiqueta de taula. 8 00:00:15,890 --> 00:00:19,300 I de manera preventiva, perquè jo no ho faig oblidar, anem a incloure l'estreta taula 9 00:00:19,300 --> 00:00:20,760 etiquetar també. 10 00:00:20,760 --> 00:00:24,830 Dins d'això, anem a especificar una fila de la taula amb una etiqueta tr. 11 00:00:24,830 --> 00:00:27,300 I, també de forma preventiva, tancar això. 12 00:00:27,300 --> 00:00:31,550 >> Ara dins d'aquesta fila, definirem el columnes o les dades que serà 13 00:00:31,550 --> 00:00:34,050 a l'interior d'aquestes columnes, o les cèl · lules en el mateix. 14 00:00:34,050 --> 00:00:37,470 Per a això, farem servir el etiqueta td de dades de la taula. 15 00:00:37,470 --> 00:00:39,730 Obrir td suport claudàtor de tancament. 16 00:00:39,730 --> 00:00:42,490 I ara, què tal si comencem la simulació Els números de telèfon. 17 00:00:42,490 --> 00:00:45,890 Anem a començar amb un, i després tancar aquesta etiqueta de dades de taula. 18 00:00:45,890 --> 00:00:47,840 Anem a obrir una nova amb 2. 19 00:00:47,840 --> 00:00:49,200 Tancament que un també. 20 00:00:49,200 --> 00:00:50,270 I després un tercer. 21 00:00:50,270 --> 00:00:52,980 td td 3 prop. 22 00:00:52,980 --> 00:00:54,000 >> A on vaig amb això? 23 00:00:54,000 --> 00:00:57,840 Bé, jo sostinc que perquè tenim una fila de la taula, a l'interior de la qual tenim 24 00:00:57,840 --> 00:01:02,950 03:00 dates de taula, que tenen essencialment els inicis d'una taula que té una 25 00:01:02,950 --> 00:01:04,590 fila i tres columnes. 26 00:01:04,590 --> 00:01:06,640 Ara anem a donar-li una mica de files addicionals. 27 00:01:06,640 --> 00:01:11,300 >> Per sota de l'etiqueta de tancament tr, obrirem altra etiqueta tr, i preventivament prop 28 00:01:11,300 --> 00:01:12,510 que un així. 29 00:01:12,510 --> 00:01:21,600 Dins d'això, anem ara fer td 4, 5 td i td juny. 30 00:01:21,600 --> 00:01:23,470 Per sota d'aquesta fila, farem una tercera. 31 00:01:23,470 --> 00:01:25,680 Fila de la taula Obrir, tancar fila de la taula. 32 00:01:25,680 --> 00:01:34,970 Dins que, TD 7, 8 TD, TD i 9. 33 00:01:34,970 --> 00:01:37,910 >> Finalment, només per fer les coses interessants, a completar la part inferior 34 00:01:37,910 --> 00:01:39,430 d'aquest teclat del telèfon. 35 00:01:39,430 --> 00:01:42,530 Obrir tr tr i tancar. 36 00:01:42,530 --> 00:01:51,530 I dins d'això, l'estrella td, td 0, i la lliura td. 37 00:01:51,530 --> 00:01:54,090 Ara anem a guardar l'arxiu, el canvi seus permisos, i 38 00:01:54,090 --> 00:01:56,440 mostrar amb un navegador. 39 00:01:56,440 --> 00:02:00,220 >> Chmod a + r table.html. 40 00:02:00,220 --> 00:02:02,300 Ara anem a obrir Chrome. 41 00:02:02,300 --> 00:02:08,430 http://localhost/table.html. 42 00:02:08,430 --> 00:02:11,610 I no tenim el que sembla ser una taula HTML. 43 00:02:11,610 --> 00:02:13,920 Això no acaba de veure com m'esperava. 44 00:02:13,920 --> 00:02:17,650 Anem a almenys afegir una vora al voltant ara totes aquestes cel · les de la taula. 45 00:02:17,650 --> 00:02:21,670 >> Tornem a gedit i desplaceu-vos fins a la pròpia etiqueta de taula. 46 00:02:21,670 --> 00:02:25,130 I anem a afegir un atribut, conegut com "Frontera", que especifica un valor numèric 47 00:02:25,130 --> 00:02:27,310 valor per a l'ample d'una vora. 48 00:02:27,310 --> 00:02:31,160 Border és igual entre cometes 1, on 1 indica l'amplada 49 00:02:31,160 --> 00:02:32,400 de la vora de la taula. 50 00:02:32,400 --> 00:02:36,920 Anem a guardar l'arxiu i torneu a carregar la pàgina al navegador. 51 00:02:36,920 --> 00:02:38,920 >> De tornada a Chrome, tornar a carregar. 52 00:02:38,920 --> 00:02:39,860 I aquí el tenim. 53 00:02:39,860 --> 00:02:42,550 Molt lleig, però no obstant això, dades tabulars. 54 00:02:42,550 --> 00:02:44,694