Как сделать столбцы в HTML

Добавление столбцов на ваш веб-сайт полезно для организации контента. На самом деле нет ограничений на количество столбцов, которые может содержать ваша веб-страница. Однако для кодирования столбцов требуется знание другого тега HTML:таблицы. Сочетание этих двух тегов открывает безграничные возможности для создания чистого и красивого веб-сайта.

Шаг 1

Запустите HTML-редактор. Выберите «Файл» и «Создать» на панели навигации программы. На экране появится пустой документ.

Шаг 2

Создайте таблицу. Таблицы определяются с помощью тега

. Каждая таблица может быть разделена на строки и каждая строка на ячейки данных. Ячейки данных — это то, что будет определять ваши столбцы. Таблица с двумя столбцами кодируется примерно так:

Столбец 1

Столбец 2

Шаг 3

Настройте свойства границы таблицы. Если вы хотите, чтобы ваши столбцы имели границу, поместите тег border="1" внутри тега table. Измените цвет границы, используя цветовой код HEX с тегом bordercolor="#000000". #000000 черный. Граница должна быть определена как минимум "1", чтобы отображался цвет границы.

Пример:

Столбец 1

Столбец 2

Шаг 4

Добавьте отступы или ячейки. Cellpadding — это количество пробелов между границей и содержимым ячейки. Cellspacing — это расстояние между ячейками. Эти теги применяются внутри тега таблицы. Не обязательно иметь активные ячейки и интервалы между ячейками.

Пример:

Столбец 1

Столбец 2

Шаг 5

Добавьте контент в свои столбцы. Текст, изображения, формы и многое другое можно помещать в теги данных таблицы.

Шаг 6

Сохраните HTML-документ. Предварительно просмотрите его в своем интернет-браузере перед загрузкой на веб-сервер.