Как делать таблицы html?

Создание интернет-сайтов сложно представить без таблиц. Ведь они – самый простой способ аккуратно и точно расположить информацию на странице. Нужно ли вам точно оформить данные или даже сверстать целый шаблон – таблицы выручат в любом случае. Как же делать таблицы html?
Создать сайт самостоятельно с Wix.com

Вам понадобится

• - текстовый редактор.

Инструкция

Добавьте таблицу на страницу. Сделать это можно с помощью парного тэга (закрывающий, соответственно, ). Все данные и разметка таблицы расположены между этими тэгами.Создайте разметку таблицы. В таблице присутствуют столбцы и ячейки. Сначала добавляются столбцы. Они создаются тэгами . Ячейки добавляются внутрь столбцов. Тэг для их создания - и .Обратите внимание, что тэг столбца вкладывается в тэг таблицы, а тэг ячейки – в тэг столбца.

Если ваша таблица содержит названия столбцов, они добавляются в тэгах (вставляются так же, как и ). Чтобы настроить внешний вид таблицы, используйте следующие атрибуты: width (устанавливает ширину таблицы – можно указать в пикселях или в процентах от ширины экрана), bgcolor (цвет фона ячеек), для заливки фоном-картиной: background, border – создает рамку вокруг всей таблицы, при указании к тэгу td – для ячеек. Если вы не хотите видеть рамку вокруг таблицы, поставьте border=«0».

Если вас не устраивает расстояние между ячейками, измените данные атрибута cellspacing. Чтобы изменить размещение таблицы на странице, укажите нужное значение атрибута align: right (справа), left (слева), center (по центру). Также вы можете отрегулировать расстояние между содержимым ячейки и ее границей. Для этого в пикселях укажите нужное значение для атрибута cellpadding.

Содержимое ячейки вы также можете выровнять по своему усмотрению. Для тэга в таком случае следует прописать такие атрибуты: align (горизонтальное размещение текста в ячейке - справа (right), слева (left), по центру (center); valign (выравнивает содержимое ячейки по вертикали - вверх (top), вниз (bottom), по центру (middle).

Чтобы сверстать шаблон сайта с помощью таблиц или просто расширить возможности настройки дизайна таблиц, используйте CSS. Вы можете прописать стили для всех страниц для вашем сайте, а можете каждой таблице дать собственное имя (к тэгу table добавьте атрибут id=”имя таблицы”.

Оцените статью!