1
00:00:00,000 --> 00:00:00,170

2
00:00:00,170 --> 00:00:02,740
>> SPEAKER 1: Supponiamo che abbiate una
dati tabulari che vuoi il layout

3
00:00:02,740 --> 00:00:05,470
in una pagina web in una tabella,
con righe e colonne.

4
00:00:05,470 --> 00:00:06,540
Come possiamo fare questo?

5
00:00:06,540 --> 00:00:10,480
>> Beh, in anticipo, qui ho ottenuto
iniziato con table.html, con qualche

6
00:00:10,480 --> 00:00:12,300
tag aperti e alcuni tag chiusi.

7
00:00:12,300 --> 00:00:15,890
All'interno del corpo ora, diamo
includere il tag table.

8
00:00:15,890 --> 00:00:19,300
E preventivamente, così non lo faccio
dimenticare, andiamo includono il tavolo vicino

9
00:00:19,300 --> 00:00:20,760
tag pure.

10
00:00:20,760 --> 00:00:24,830
All'interno di questo, cerchiamo di specificare
una riga di tabella con un tag TR.

11
00:00:24,830 --> 00:00:27,300
E, anche preventivamente, chiudere tale.

12
00:00:27,300 --> 00:00:31,550
>> Ora, all'interno di questa riga, definiamo l'
colonne o dati che saranno

13
00:00:31,550 --> 00:00:34,050
all'interno di tali colonne,
o le cellule in esso.

14
00:00:34,050 --> 00:00:37,470
Per fare questo, usiamo l'
tag td per i dati della tabella.

15
00:00:37,470 --> 00:00:39,730
Aprire la staffa td vicino staffa.

16
00:00:39,730 --> 00:00:42,490
E ora, che ne dite di iniziare la simulazione
numeri di un telefono.

17
00:00:42,490 --> 00:00:45,890
Cominciamo con uno, e poi
chiudere questo tag dati di tabella.

18
00:00:45,890 --> 00:00:47,840
Apriamo una nuova con 2.

19
00:00:47,840 --> 00:00:49,200
Chiudere quella pure.

20
00:00:49,200 --> 00:00:50,270
E poi un terzo.

21
00:00:50,270 --> 00:00:52,980
td 3 vicino td.

22
00:00:52,980 --> 00:00:54,000
>> Dove sto andando con questo?

23
00:00:54,000 --> 00:00:57,840
Beh, io sostengo che perché abbiamo una
riga della tabella, all'interno della quale abbiamo

24
00:00:57,840 --> 00:01:02,950
tre dati della tabella, abbiamo essenzialmente hanno
l'inizio di una tabella che ha un

25
00:01:02,950 --> 00:01:04,590
riga e tre colonne.

26
00:01:04,590 --> 00:01:06,640
Vediamo ora dare qualche
righe aggiuntive.

27
00:01:06,640 --> 00:01:11,300
>> Sotto il tag di chiusura TR, apriamo
un altro tag tr e preventivamente chiudere

28
00:01:11,300 --> 00:01:12,510
quella pure.

29
00:01:12,510 --> 00:01:21,600
All'interno di questo, andiamo ora
fare td 4, 5 td, e td 6.

30
00:01:21,600 --> 00:01:23,470
Sotto tale riga, facciamo un terzo.

31
00:01:23,470 --> 00:01:25,680
Riga della tabella aprire, chiudere riga della tabella.

32
00:01:25,680 --> 00:01:34,970
All'interno di questo, td 7, td 8, e 9 td.

33
00:01:34,970 --> 00:01:37,910
>> Infine, giusto per rendere le cose interessanti,
cerchiamo di completare il fondo

34
00:01:37,910 --> 00:01:39,430
di questo pad telefono.

35
00:01:39,430 --> 00:01:42,530
Aprire tr tr e chiudere.

36
00:01:42,530 --> 00:01:51,530
E dentro di questo, stella td,
td 0, e la libbra td.

37
00:01:51,530 --> 00:01:54,090
Vediamo ora salvare il file, modifica
suoi permessi e

38
00:01:54,090 --> 00:01:56,440
visualizzarlo con un browser.

39
00:01:56,440 --> 00:02:00,220
>> Chmod a + r table.html.

40
00:02:00,220 --> 00:02:02,300
Vediamo ora aprire Chrome.

41
00:02:02,300 --> 00:02:08,430
http://localhost/table.html.

42
00:02:08,430 --> 00:02:11,610
E lì abbiamo quello che sembra
per essere una tabella HTML.

43
00:02:11,610 --> 00:02:13,920
Essa non abbastanza sembra che mi aspettavo.

44
00:02:13,920 --> 00:02:17,650
Diamo almeno aggiungere un bordo intorno ora
tutte queste celle.

45
00:02:17,650 --> 00:02:21,670
>> Torniamo a gedit e scorrere
fino al tag tabella stessa.

46
00:02:21,670 --> 00:02:25,130
E aggiungiamo un attributo, noto come
"Confine", che specifica un numerico

47
00:02:25,130 --> 00:02:27,310
valore per la larghezza di un bordo.

48
00:02:27,310 --> 00:02:31,160
Border è uguale tra virgolette 1,
dove 1 indica la larghezza

49
00:02:31,160 --> 00:02:32,400
del bordo della tabella.

50
00:02:32,400 --> 00:02:36,920
Salviamo il file e ricaricare
la pagina nel mio browser.

51
00:02:36,920 --> 00:02:38,920
>> Torna in Chrome, ricaricare.

52
00:02:38,920 --> 00:02:39,860
E lì abbiamo.

53
00:02:39,860 --> 00:02:42,550
Molto brutto, ma comunque
dati tabulari.

54
00:02:42,550 --> 00:02:44,694