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