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
Унутры, што, давайце ўдакладнім
радок табліцы з тр тэга.

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 для таблічных дадзеных.

15
00:00:37,470 --> 00:00:39,730
Адкрыць кранштэйны тд зачыняе дужка.

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
г.д 3 пільную тд.

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
тры таблічных Дадзеныя, мы па сутнасці маем
зародкі табліцы, якая мае адзін

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
>> Ніжэй закрыцця тр тэга, давайце адкрыем
іншы тр тэг, і прэвентыўна блізка

28
00:01:11,300 --> 00:01:12,510
што адзін таксама.

29
00:01:12,510 --> 00:01:21,600
Унутры, што, давайце зараз
зрабіць тд 4, TD 5, і тд 6.

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, TD 8, і тд 9.

33
00:01:34,970 --> 00:01:37,910
>> Нарэшце, проста, каб зрабіць рэчы прыгожыя,
давайце завяршыць дно

34
00:01:37,910 --> 00:01:39,430
гэтай клавіятуры тэлефона.

35
00:01:39,430 --> 00:01:42,530
Адкрыць тр і блізка тр.

36
00:01:42,530 --> 00:01:51,530
І ўнутры гэтага, TD зоркі,
TD 0, і тд фунт.

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 + г 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
Мяжа роўная цытата 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, перазагрузіць.

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