>> Выступающий 1: Предположим, что у вас есть некоторые табличных данных, которые вы хотели бы макет
на веб-странице в таблице, с строк и столбцов.
Как это можно сделать?
>> Ну, заранее здесь я получил началось с table.html, с некоторыми
открытые теги и некоторые закрытые теги.
Внутри тела теперь, давайте включают тег таблицы.
И превентивно, именно так я не забывайте, давайте включим тесную таблицу
пометить, как хорошо.
Внутри, что, давайте уточним строка таблицы с тр тега.
И, также превентивно, закройте это.
>> Теперь внутри этого ряда, давайте определим столбцы или данные, которые будут
внутри этих столбцов, или клетки в нем.
Чтобы сделать это, давайте использовать Тег TD для табличных данных.
Открыть кронштейн тд закрывающая скобка.
А теперь, как насчет мы начинаем моделировать номера телефона.
Давайте начнем с одной, а затем закрыть эту таблицу тег данных.
Откроем новый с 2.
Закройте это одно также.
И затем третий.
т.д 3 пристальное тд.
>> Куда я иду с этим?
Ну, я утверждаю, что, поскольку у нас есть строка таблицы, внутри которого мы имеем
три табличных Данные, мы по существу имеем зачатки таблицы, которая имеет один
строка и три столбца.
Давайте теперь дать ему некоторые дополнительные строки.
>> Ниже закрытия тр тега, давайте откроем другой тр тег, и превентивно близко
что один также.
Внутри, что, давайте сейчас сделать тд 4, TD 5, и тд 6.
Ниже этой строки, давайте сделаем на треть.
Открыть строка таблицы, недалеко строка таблицы.
Внутри, что, TD 7, TD 8, и тд 9.
>> Наконец, просто, чтобы сделать вещи красивые, давайте завершить дно
этой клавиатуры телефона.
Открыть тр и близко тр.
И внутри этого, TD звезды, TD 0, и тд фунт.
Давайте теперь сохранить этот файл, изменения его права, и
его просмотра с помощью браузера.
>> Chmod + г table.html.
Давайте теперь открыть Chrome.
http://localhost/table.html.
И там у нас есть то, что кажется быть HTML таблице.
Это не совсем похоже, что я ожидал.
Давайте по крайней мере, добавить границу теперь вокруг все эти ячеек таблицы.
>> Давайте вернемся к Gedit и прокрутите до самой таблицы тега.
И давайте добавим атрибут, известный как "Граница", который определяет числовой
значение для ширины границы.
Граница равна цитата Unquote 1, где 1 обозначает ширину
границы таблицы.
Давайте сохраните файл и перезагрузите страница в моем браузере.
>> Вернуться в Chrome, перезагрузить.
И у нас это есть.
Очень некрасиво, но тем не менее табличные данные.