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

2
00:00:00,170 --> 00:00:02,740
>> HÖGTALARE 1: Antag att du har några
tabelldata som du skulle vilja layout

3
00:00:02,740 --> 00:00:05,470
på en webbsida i en tabell,
med rader och kolumner.

4
00:00:05,470 --> 00:00:06,540
Hur kan vi göra det här?

5
00:00:06,540 --> 00:00:10,480
>> Tja, i förväg här har jag fått
började med table.html, med viss

6
00:00:10,480 --> 00:00:12,300
öppna taggar och några stängda taggar.

7
00:00:12,300 --> 00:00:15,890
Insidan av kroppen nu, låt oss
inkluderar tabellen taggen.

8
00:00:15,890 --> 00:00:19,300
Och förebyggande syfte, bara så jag inte
glömma, låt oss inkludera nära bordet

9
00:00:19,300 --> 00:00:20,760
tagga också.

10
00:00:20,760 --> 00:00:24,830
Inne i det, låt oss ange
en tabellrad med en tr-taggen.

11
00:00:24,830 --> 00:00:27,300
Och, även i förebyggande syfte, stänger det.

12
00:00:27,300 --> 00:00:31,550
>> Nu inne på detta v, låt oss definiera
kolumner eller de data som kommer att vara

13
00:00:31,550 --> 00:00:34,050
Insidan av dessa kolumner,
eller cellerna däri.

14
00:00:34,050 --> 00:00:37,470
För att göra detta, låt oss använda det
td-tagg för tabelldata.

15
00:00:37,470 --> 00:00:39,730
Öppet fäste td nära fästet.

16
00:00:39,730 --> 00:00:42,490
Och nu, vad sägs om vi börjar simulera
en telefonens nummer.

17
00:00:42,490 --> 00:00:45,890
Låt oss börja med en, och sedan
stänga denna tabell uppgifter tagg.

18
00:00:45,890 --> 00:00:47,840
Vi öppnar en ny med 2.

19
00:00:47,840 --> 00:00:49,200
Stäng det en också.

20
00:00:49,200 --> 00:00:50,270
Och sedan en tredje.

21
00:00:50,270 --> 00:00:52,980
td 3 nära td.

22
00:00:52,980 --> 00:00:54,000
>> Vart är jag på väg med detta?

23
00:00:54,000 --> 00:00:57,840
Tja, hävdar jag att eftersom vi har en
tabellrad, insida som vi har

24
00:00:57,840 --> 00:01:02,950
tre bord datas, vi har i huvudsak
början till en tabell som har en

25
00:01:02,950 --> 00:01:04,590
rad och tre kolumner.

26
00:01:04,590 --> 00:01:06,640
Låt oss nu ge det en
ytterligare rader.

27
00:01:06,640 --> 00:01:11,300
>> Nedanför nära tr-taggen, låt oss öppna
annan tr-taggen, och preemptively nära

28
00:01:11,300 --> 00:01:12,510
som en också.

29
00:01:12,510 --> 00:01:21,600
Inne i det, låt oss nu
göra td 4, td 5, och td 6.

30
00:01:21,600 --> 00:01:23,470
Nedanför den raden, låt oss göra en tredje.

31
00:01:23,470 --> 00:01:25,680
Öppna tabellrad, nära tabellrad.

32
00:01:25,680 --> 00:01:34,970
Inne i det, td 7, td 8, och td 9.

33
00:01:34,970 --> 00:01:37,910
>> Slutligen, bara för att göra det intressant,
låt oss slutföra botten

34
00:01:37,910 --> 00:01:39,430
av denna telefon pad.

35
00:01:39,430 --> 00:01:42,530
Öppna tr och nära tr.

36
00:01:42,530 --> 00:01:51,530
Och inne i det, td stjärna,
td 0, och td pund.

37
00:01:51,530 --> 00:01:54,090
Låt oss nu spara filen, förändring
dess rättigheter, och

38
00:01:54,090 --> 00:01:56,440
visa det med en webbläsare.

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

40
00:02:00,220 --> 00:02:02,300
Låt oss nu öppna Chrome.

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

42
00:02:08,430 --> 00:02:11,610
Och där har vi vad som verkar
vara en HTML-tabell.

43
00:02:11,610 --> 00:02:13,920
Det ser inte riktigt ut som jag förväntat.

44
00:02:13,920 --> 00:02:17,650
Låt oss åtminstone lägga till en gräns nu runt
alla dessa tabellceller.

45
00:02:17,650 --> 00:02:21,670
>> Låt oss gå tillbaka till gedit och bläddra
fram till bordet taggen själv.

46
00:02:21,670 --> 00:02:25,130
Och låt oss lägga till ett attribut, som kallas
"Gräns", som anger ett numeriskt

47
00:02:25,130 --> 00:02:27,310
värde för bredden av en gräns.

48
00:02:27,310 --> 00:02:31,160
Border lika citat unquote 1,
där 1 betecknar bredden

49
00:02:31,160 --> 00:02:32,400
av bordets gräns.

50
00:02:32,400 --> 00:02:36,920
Låt oss spara filen och ladda om
sidan i min webbläsare.

51
00:02:36,920 --> 00:02:38,920
>> Tillbaka i Chrome, ladda om.

52
00:02:38,920 --> 00:02:39,860
Och där har vi det.

53
00:02:39,860 --> 00:02:42,550
Mycket ful, men ändå
tabelldata.

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