Таблица HTML содержит информацию на веб-сайте.
Добавление столбцов на ваш сайт помогает организовать контент. Фактически, количество столбцов на вашей веб-странице не ограничено. Однако кодирование столбцов требует знания другого тега HTML: таблицы. Объединение этих двух тегов открывает бесконечные возможности для создания чистого и красивого веб-сайта.
Шаг 1
Запустите ваш редактор HTML. Выберите «Файл» и «Создать» на панели навигации программы. На вашем экране появится пустой документ.
Видео дня
Шаг 2
Создайте таблицу. Таблицы определены с
ярлык. Каждую таблицу можно разделить на строки, а каждую строку - на ячейки данных. Ячейки данных - это то, что будет определять ваши столбцы. Таблица из двух столбцов кодируется примерно так:| Столбец 1 | Колонка 2 |
Шаг 3
Настройте свойства границы таблицы. Если вы хотите, чтобы у ваших столбцов была граница, поместите тег border = "1" внутри тега таблицы. Измените цвет границы, используя цветовой код HEX с тегом bordercolor = "# 000000". # 000000 - черный. Граница должна быть определена как минимум как «1», чтобы отображался цвет границы.
Пример:
| Столбец 1 | Колонка 2 |
Шаг 4
Добавьте cellpadding или cellspacing. Cellpadding - это количество белого пространства между границей и содержимым ячейки. Cellspacing - это расстояние между ячейками. Эти теги применяются внутри тега таблицы. Не обязательно иметь активную ячейку или пространство ячеек.
Пример:
| Столбец 1 | Колонка 2 |
Шаг 5
Добавьте контент в свои столбцы. Текст, изображения, формы и многое другое можно поместить в теги данных таблицы.
ШАГ 6
Сохраните ваш HTML-документ. Предварительно просмотрите его в своем интернет-браузере, прежде чем загружать на свой веб-сервер.
