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

2
00:00:00,170 --> 00:00:02,740
>> ΟΜΙΛΗΤΗΣ 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 tag για τα δεδομένα του πίνακα.

15
00:00:37,470 --> 00:00:39,730
Ανοίξτε 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
τρεις datas πίνακα, έχουμε ουσιαστικά
οι απαρχές ενός πίνακα που έχει ένα

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, ας ανοίξουμε
ένα άλλο tag tr, και προληπτικά κοντά

28
00:01:11,300 --> 00:01:12,510
ότι ένα επίσης.

29
00:01:12,510 --> 00:01:21,600
Μέσα από αυτό, ας τώρα
κάνει td 4, td 5, 6 και td.

30
00:01:21,600 --> 00:01:23,470
Κάτω από αυτή τη σειρά, ας κάνουμε ένα τρίτο.

31
00:01:23,470 --> 00:01:25,680
Ανοικτή γραμμή του πίνακα, στενή γραμμή πίνακα.

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
αυτού του τηλεφώνου pad.

35
00:01:39,430 --> 00:01:42,530
Ανοίξτε 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
Border ισούται με παράθεση unquote 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, reload.

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