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

2
00:00:00,170 --> 00:00:02,740
>> LUIDSPREKER 1: Stel dat u een aantal
tabelvorm gegevens die u wilt lay-out

3
00:00:02,740 --> 00:00:05,470
in een webpagina in een tabel,
met rijen en kolommen.

4
00:00:05,470 --> 00:00:06,540
Hoe kunnen we dit doen?

5
00:00:06,540 --> 00:00:10,480
>> Nou ja, van tevoren hier ik heb gekregen
begon met table.html, met enkele

6
00:00:10,480 --> 00:00:12,300
geopend tags en een aantal gesloten tags.

7
00:00:12,300 --> 00:00:15,890
Binnenkant van het lichaam nu, laten we
onder de tafel tag.

8
00:00:15,890 --> 00:00:19,300
En preventief, zodat ik niet
vergeten, laten we onder meer de nauwe tafel

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

10
00:00:20,760 --> 00:00:24,830
Binnenkant van dat, laten we opgeven
een tabel rij met een tr-tag.

11
00:00:24,830 --> 00:00:27,300
En, ook preventief, sluit dat.

12
00:00:27,300 --> 00:00:31,550
>> Nu binnenkant van deze rij, laten we de
kolommen of de gegevens die worden

13
00:00:31,550 --> 00:00:34,050
binnenzijde van de kolommen,
of de cellen daarin.

14
00:00:34,050 --> 00:00:37,470
Om dit te doen, laten we gebruik maken van de
td-tag voor tabelgegevens.

15
00:00:37,470 --> 00:00:39,730
Open beugel td haakje sluiten.

16
00:00:39,730 --> 00:00:42,490
En nu, hoe zit we beginnen simuleren
nummers een telefoon is.

17
00:00:42,490 --> 00:00:45,890
Laten we beginnen met een, en dan
sluit deze tabel gegevens tag.

18
00:00:45,890 --> 00:00:47,840
Laten we een nieuwe te openen met 2.

19
00:00:47,840 --> 00:00:49,200
Sluiten dat een als goed.

20
00:00:49,200 --> 00:00:50,270
En dan een derde.

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

22
00:00:52,980 --> 00:00:54,000
>> Waar ga ik heen met dit?

23
00:00:54,000 --> 00:00:57,840
Nou, ik beweer dat omdat we een
tabelrij, binnen waarvan we

24
00:00:57,840 --> 00:01:02,950
drie tafel datas, we wezen moeten
het begin van een tabel die men heeft

25
00:01:02,950 --> 00:01:04,590
rijen en drie kolommen.

26
00:01:04,590 --> 00:01:06,640
Laten we het nu zo'n
extra rijen.

27
00:01:06,640 --> 00:01:11,300
>> Onder de nauwe tr-tag, laten we openen
andere tr-tag, en preemptively dicht

28
00:01:11,300 --> 00:01:12,510
dat men ook.

29
00:01:12,510 --> 00:01:21,600
Binnenkant van dat, laten we nu
do td 4, td 5, en td 6.

30
00:01:21,600 --> 00:01:23,470
Daaronder rij, laten we een derde.

31
00:01:23,470 --> 00:01:25,680
Open tafel rij, dicht tabelrij.

32
00:01:25,680 --> 00:01:34,970
Binnenkant van dat, td 7, td 8 en td 9.

33
00:01:34,970 --> 00:01:37,910
>> Ten slotte, gewoon om dingen interessant te maken,
laten we vullen de bodem

34
00:01:37,910 --> 00:01:39,430
van deze telefoon pad.

35
00:01:39,430 --> 00:01:42,530
Open tr en dicht tr.

36
00:01:42,530 --> 00:01:51,530
En de binnenkant van dat, td ster,
td 0 en td pond.

37
00:01:51,530 --> 00:01:54,090
Laten we nu sla dit bestand, verandering
de machtigingen en

38
00:01:54,090 --> 00:01:56,440
het bekijken met een browser.

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

40
00:02:00,220 --> 00:02:02,300
Laten we nu openen Chrome.

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

42
00:02:08,430 --> 00:02:11,610
En daar hebben we wat lijkt
een HTML-tabel.

43
00:02:11,610 --> 00:02:13,920
Het niet helemaal uitzien als ik had verwacht.

44
00:02:13,920 --> 00:02:17,650
Laten we in ieder geval een rand toevoegen nu rond
al die tabelcellen.

45
00:02:17,650 --> 00:02:21,670
>> Laten we teruggaan naar gedit gaan en scroll
naar de tafel label zelf.

46
00:02:21,670 --> 00:02:25,130
En voegen we een attribuut, die bekend staat als
"Grens", dat een numerieke specificeert

47
00:02:25,130 --> 00:02:27,310
waarde voor de breedte van een grens.

48
00:02:27,310 --> 00:02:31,160
Grens gelijk citaat unquote 1,
waarbij 1 de breedte

49
00:02:31,160 --> 00:02:32,400
van de rand van de tafel.

50
00:02:32,400 --> 00:02:36,920
Laten we het bestand opslaan en herladen
de pagina in mijn browser.

51
00:02:36,920 --> 00:02:38,920
>> Terug in Chrome, herladen.

52
00:02:38,920 --> 00:02:39,860
En daar hebben we het.

53
00:02:39,860 --> 00:02:42,550
Erg lelijk, maar toch
tabelvorm.

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