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

2
00:00:00,170 --> 00:00:02,740
>> Sprecher 1: Angenommen, Sie haben einige
Tabellendaten, die Sie gerne zu Layout

3
00:00:02,740 --> 00:00:05,470
in einer Web-Seite in einer Tabelle,
mit Reihen und Spalten.

4
00:00:05,470 --> 00:00:06,540
Wie können wir das tun?

5
00:00:06,540 --> 00:00:10,480
>> Nun, hier im Voraus ich bekommen habe
begann mit table.html, mit einigen

6
00:00:10,480 --> 00:00:12,300
Tags offen und einige geschlossene Tags.

7
00:00:12,300 --> 00:00:15,890
Innerhalb der Körper jetzt, lass uns
gehören die Tabellen-Tag.

8
00:00:15,890 --> 00:00:19,300
Und präventiv, nur damit ich nicht
vergessen, lassen Sie uns zählen der enge Tabelle

9
00:00:19,300 --> 00:00:20,760
Tag auch.

10
00:00:20,760 --> 00:00:24,830
Im Inneren kommt, dass wir angeben
eine Tabellenzeile mit einer tr-Tag.

11
00:00:24,830 --> 00:00:27,300
Und, auch präventiv, zu schließen, dass.

12
00:00:27,300 --> 00:00:31,550
>> Jetzt innerhalb dieser Reihe, definieren wir die
Spalten oder die Daten, die sein wird,

13
00:00:31,550 --> 00:00:34,050
innerhalb dieser Spalten,
oder die Zellen darin.

14
00:00:34,050 --> 00:00:37,470
Um dies zu tun, verwenden wir die
td-Tag für Tabellendaten.

15
00:00:37,470 --> 00:00:39,730
Klammer auf Klammer zu td.

16
00:00:39,730 --> 00:00:42,490
Und nun, wie etwa wir Starten der Simulation
Zahlen eines Telefons.

17
00:00:42,490 --> 00:00:45,890
Lassen Sie uns mit einer beginnen und dann
schließen Sie diese Tabelle Daten-Tag.

18
00:00:45,890 --> 00:00:47,840
Wir öffnen eine neue mit 2.

19
00:00:47,840 --> 00:00:49,200
Schließen, dass man als gut.

20
00:00:49,200 --> 00:00:50,270
Und dann ein drittes.

21
00:00:50,270 --> 00:00:52,980
td td 3 schließen.

22
00:00:52,980 --> 00:00:54,000
>> Wohin gehe ich damit um?

23
00:00:54,000 --> 00:00:57,840
Nun, behaupte ich, dass, weil wir eine
Tabellenzeile, die im Inneren haben wir

24
00:00:57,840 --> 00:01:02,950
drei Tisch Daten, im Wesentlichen haben wir
die Anfänge einer Tabelle, die man hat

25
00:01:02,950 --> 00:01:04,590
Zeilen und drei Spalten.

26
00:01:04,590 --> 00:01:06,640
Lassen Sie uns jetzt geben es einige
zusätzliche Zeilen.

27
00:01:06,640 --> 00:01:11,300
>> Unterhalb der Nähe tr-Tag, öffnen wir
ein weiterer tr-Tag, und präventiv Nähe

28
00:01:11,300 --> 00:01:12,510
dass man als gut.

29
00:01:12,510 --> 00:01:21,600
Im Inneren kommt, dass wir uns jetzt
tun td 4 td 5 und 6 td.

30
00:01:21,600 --> 00:01:23,470
Unterhalb dieser Reihe, machen wir eine dritte.

31
00:01:23,470 --> 00:01:25,680
Offene Tabellenzeile, in der Nähe Tabellenzeile.

32
00:01:25,680 --> 00:01:34,970
Innere daß td 7, td 8, 9 und TD.

33
00:01:34,970 --> 00:01:37,910
>> Schließlich, nur um die Dinge interessant zu machen,
Lassen Sie uns den Boden zu vervollständigen

34
00:01:37,910 --> 00:01:39,430
von diesem Telefon-Pad.

35
00:01:39,430 --> 00:01:42,530
Öffnen und Schließen tr tr.

36
00:01:42,530 --> 00:01:51,530
Und innerhalb dieser, td Stern,
td 0 und td Pfund.

37
00:01:51,530 --> 00:01:54,090
Lassen Sie uns nun diese Datei speichern, ändern
ihre Berechtigungen und

38
00:01:54,090 --> 00:01:56,440
Sie es sehen können mit einem Browser.

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

40
00:02:00,220 --> 00:02:02,300
Lassen Sie uns nun öffnen Chrome.

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

42
00:02:08,430 --> 00:02:11,610
Und da haben wir, was erscheint
um eine HTML-Tabelle sein.

43
00:02:11,610 --> 00:02:13,920
Es ist nicht ganz aus wie ich erwartet hatte.

44
00:02:13,920 --> 00:02:17,650
Lassen Sie uns jetzt einen Rahmen um mindestens hinzufügen
alle diese Tabellenzellen.

45
00:02:17,650 --> 00:02:21,670
>> Gehen wir zurück zu gedit und blättern
an den Tisch-Tag selber.

46
00:02:21,670 --> 00:02:25,130
Und fügen wir ein Attribut, wie bekannt
"Grenze", die einen numerischen gibt

47
00:02:25,130 --> 00:02:27,310
Wert für die Breite eines Rahmens.

48
00:02:27,310 --> 00:02:31,160
Border entspricht Zitat unquote 1,
wobei 1 die Breite

49
00:02:31,160 --> 00:02:32,400
der Grenze der Tabelle.

50
00:02:32,400 --> 00:02:36,920
Lassen Sie die Datei speichern und laden
die Seite in meinem Browser.

51
00:02:36,920 --> 00:02:38,920
>> Zurück in Chrome, neu zu laden.

52
00:02:38,920 --> 00:02:39,860
Und da haben wir es.

53
00:02:39,860 --> 00:02:42,550
Sehr hässlich, aber dennoch
Tabellendaten.

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