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